Support » CSS / opmaak vragen » Logo niet gecentreerd op mobiel

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Hoi, ik zie dat de padding om je logo heen je site breder maakt dan de viewport. Dit resulteert in een bredere viewport waardoor je logo welliswaar in het midden uitlijnt maar dus op het oog rechts lijkt uit te lijnen. Scroll maar eens naar rechts. Er zit dan een ruimte die wordt veroorzaakt door de omliggende padding om je logo.

    Via ‘Weergave’ > ‘Customizer’ > ‘Extra CSS’ kun je de volgende CSS toevoegen wat het zou moeten oplossen:

    @media (max-width: 512px) {
        .site-logo {
            padding: 0;
        }
    }

    HI!

    Dank voor je bericht! Ik heb het toegevoegd en het verandert het inderdaad meer naar het midden. Maar nog niet volledig. Ik zie inderdaad wat je bedoelt qua ruimte aan de rechterkant. Hoe krijg ik die ruimte ‘weg’?

    Alvast ontzettend bedankt voor je hulp!

    Sarah.

    Jawel, de breedte van je logo wordt namelijk geforceerd door inline css (css welke in de pagina staat, niet in de stylesheet). Deze staat nu op max-width: 400px waardoor die zich wil aan blijven passen aan een max breedte van 400px, wat de scrollbar veroorzaakt op mobiel. Je dient de max-width dus aan te passen. Doordat het inline wordt gezet dien je tevens een parameter ‘!important’ toe te voegen aan de regel om deze te overschrijven. Onderstaande css zou het moeten fixen.

    @media (max-width: 512px) {
        .site-logo img {
            max-width: 100% !important;
        }
    }
3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)