[Resolved] Make header image show up on mobile

[Robert]

Hi again,

I’ve read through all of the relevant posts for this and am still not finding a solution.
My header image (which I set as the header background image) is not showing up at all on my iPhone. The only thing I can get to show up is a tiny logo version that is almost unseeable – and that’s done by adding the image separately to the mobile logo form in Customize.

I’m not sure what I’m doing wrong. Could you point me in the right direction?

[Leo]

Hi there,

Instead of adding that image as the background image, try adding it as the site logo:
https://docs.generatepress.com/article/adding-header-logo/

Then disabling the mobile header should work:
https://docs.generatepress.com/article/mobile-header/

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

[Robert]

Thank you. I followed your suggestion. The header image now looks great on mobile. On my desktop, however, the image is too short for the screen (Thus why I had set it as the background image previously.)

What is the best way to get the image to stretch across the full screen? I do have it set to “Full” already in Site Identity.

I wonder if I need to resize the image or if there is CSS that would help?

Thanks!

[Robert]

I tried putting in a larger version of the logo, and it worked.

thanks!

[Leo]

No problem!

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

[Author]

Posts