[Resolved] Mobile header looks good on Tablet, bad on phone

[Carlos]

Hi!. My website looks good on a tablet but not on a phone. Is there any way to apply Mobile Header only to the phone but not to the tablet?

This is how my website looks on a tablet:

This is how the website looks on a phone:

Thanks!

Carlos

GP Premium 1.7.2

[Tom]

Hi there,

What if you reduce the site title font size on mobile? You can do that in “Customize > Typography > Header”.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Carlos]

That worked somewhat. I am still getting a black rectangle (instead of a huge square) under the Header image/title/tagline. Is there any way to get rid of that? Thanks!

[Tom]

Ah sorry – didn’t notice that.

You have this value set for the background image size: 100% auto

Try setting it to: cover

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Carlos]

Works! You guys rock! Great support, thanks

[Tom]

Glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts