[Resolved] page header image does not show on mobile and iPad on vertical display

[Jos]

Hi Tom/Leo,

Was struggling with the background of the header. Now i used an image that looks good on a broad screen, but on iPad on vertical display the header is not showing. How do i get this to show?

Furthermore i wanted to use pageheaders on some pages. But on the shop page of Woocoommerce it did not show up. How can I cope with this?

Thanks in advance!
Jos

[David]

Hi there,

cam you share a link to the site for the first problem.

The second issue – Post Archive pages don’t respect the Post Meta boxes so you need to set the Page Header > Global Locations > Post Types – Archives > Products

https://docs.generatepress.com/article/page-header-global-locations/

[Jos]

Hello David,

Thanks for your fast reaction! Did not see this option. I will check it out.

I put the link in the section for admin only.

Here it is: https://www.fire-art.eu

Greets,
Jos

[David]

Hi Jos

you have some CSS that adjusts the background image position for the Page Header. You could use the left top position like so:

.generate-content-header {
    background-position: left top;
}

[Jos]

I checked this. Thanks David!

[David]

Hi Jos, is the issue resolved?

[Jos]

Yes. Thank you!
Jos

[David]

Great to hear that Jos!

[Author]

Posts