hero image not centered on mobile

[Matthew]

I have a hero element that is not centered when I view it on mobile on android or iOS. What am I missing here?

[Leo]

Hi there,

Remove this CSS from Additional CSS field in the customizer:

@media (max-width: 768px) {
    .page-hero.home-hero {
        background-position: 60% 0;
    }
}

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matthew]

That’s it.

Does that mean my header choice isn’t sized as intended? I’ll play by the rules if I know them.

[Leo]

Not at all.

It’s actually the original biking image that comes with the site needed some tweaking to look good on mobile.

Your image is actually perfect 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts