Ten eerste, zorg dat je ssl goed heb ingesteld. Een foutieve ssl zorgt voor negatieve ranking en lijdt bezoekers weg van je site.
Voor de rest schaalt je website zoals ik nu kan zien? Heb je dit al opgelost?
Als je dit toevoegt aan je style.css binnen je thema:
h1#logo img { margin: 15px 0; } /*zorgt ervoor dat je logo niet 'over' de lijn ligt*/
/*media query om je logo te verkleinen op tablets*/
@media only screen and (max-width: 960px) {
h1#logo img { width: 75%; margin-top: 30px; }
}
Maakt dat het al wat beter?
Dankjewel voor je hulp!
Het andere probleem heb ikzelf inderdaad al opgelost, de website ziet er nu mobiel precies hetzelfde uit als op de laptop. Perfect dus!
Waar in style.css moet ik die code van jou toevoegen?
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {font-size:30px; margin-bottom:12px; }
h2 {font-size:20px; margin-bottom:10px; }
h3 {font-size:19px; margin-bottom:10px;}
h4 {font-size:16px; margin-bottom:6px;}
h5 {font-size:14px; margin-bottom:6px; }
h6 {font-size:13px; margin-bottom:6px; font-weight:bold;}
Hier ergens? Omdat hier “h1” staat
Of juist hier ergens?
<?php echo ‘<style type=”text/css”>’; ?>
body #logo img {max-width:<?php echo of_get_option(‘logo_width’, ‘288’); ?>px;}
footer #footer-logo img {max-width:<?php echo of_get_option(‘footer_logo_width’, ‘150’); ?>px;}
.paged-title {height:<?php echo of_get_option(‘page_title_height’, ‘250’); ?>px;}
Omdat ik hier “#logo” zie..
Ik vermoed in de eerst. Je hebt namelijk in je thema (vaak standaard) een style.css.
In jouw geval staat deze hier: wp-content/themes/white-rock-theme/style.css
Meest verstandige is om een child theme te maken en vanuit daar je css wijzigingen te maken. Doe je dit rechtstreeks in je actieve thema dan verlies je bij thema updates alle gemaakte wijzigingen.
