Sowieso is je logo bovenin de site te groot voor mobiel. Probeer dit eens toe te voegen aan je custom CSS via ‘Weergave’ > ‘Customizer’ > ‘Extra CSS’
@media (max-width: 768px) {
.site-branding .custom-logo-link {
max-width: 80%;
}
}
Ik heb het ingevoegd, maar het helpt helaas niet om dit bericht goed in beeld te laten komen. Nog een andere suggestie?
Wat betreft je opmerking het logo is te groot voor mobiel, bedoel je rechtsbovenin mijn naam? Dat heb ik met deze code verkleind:
@media only screen and (max-width:600px){
.tg-header-top-right-content {
padding: 18px;
}
}
Maar nu is de groene balk te hoog vind ik, maar nog geen oplossing kunnen vinden hoe dat aan te passen. Als je een idee hebt hoor ik het graag.
Het andere logo: Blog Lentekrabbels verkleind wel mee op de mobiel. Of bedoelde je die?
Scrollbalk is hiermee weggehaald. Probleem is je tekstgrootte. Op mijn mobiel gaat het goed en werkt het prima. Welke device gebruik je? Heb je je cache ook al eens geleegd of de site in incognito (Chrome) bekeken?
Wat betreft je opmerking het logo is te groot voor mobiel, bedoel je rechtsbovenin mijn naam?
Nee, ik doelde op het algemene logo. Die heb je nu met mijn aangeleverde css verkleind tot 80%. Hiermee is op (doorgaande) mobiele devices de scrollbalk weg.
Bij je reeds aanwezige inline css (dezelfde plaats waar je mijn css hebt geplaatst) staat waarschijnlijk ook het volgende:
.tg-page-header {
padding: 15px 0px 20px 60px;
}
Pas dit eens aan naar:
.tg-page-header {
padding-left: 15px;
}
@media (min-width: 768px) {
.tg-page-header {
padding: 15px 0px 20px 60px;
}
}
Yes! Perfect, zo staat het goed. Ontzettend bedankt!
Graag gedaan 🙂 Succes verder.
Mooie verhalen trouwens, leuk geschreven.