Archived topic
Page header not resizing
3 replies · Started by Louise on January 10, 2019
Hello, please could you help me.
My page header is not resizing and I can't work out why.
https://www.plushtentsglamping.co.uk/corporate-glamping-team-building-away-day/
Hi there,
Unfortunately background images are not responsive by nature (not a theme thing).
Have you considered adding that image as the site logo?
https://docs.generatepress.com/article/adding-header-logo/
Hi Leo
Thank you very much, I'm still confused as I have done exactly the same to all my other pages and they are responsive if you look on mobile.
Thank you for the logo suggestion, I have the main logo already on the home page just in a different place. Do you think there is an issue in doing this?
No they are not responsive.
If you look at the Woodland Wedding and the Yurt Hire pages, both sides of images are cropped off on mobile.
I think the best solution here is to start using our header element which replaced the previous page header module:
https://docs.generatepress.com/article/header-element-overview/
Then you can use the merge on desktop only option:
https://docs.generatepress.com/article/header-element-overview/#site-header
Then we can use CSS to switch the background image specifically for mobile.
Let me know when the steps above are done and I'll provide the CSS :)