[Support request] How to achieve a responsive header image like the demo

[Marianne]

Hello,

I have been trying to achieve a responsive header image on a static home page as on http://demo.generatepress.com/ and I am falling short. I am using an image that is 2000px x 740px.

I’m using the GP Child Theme as well as current versions of GP and GP Premium. I have not made any customizations on the child theme yet though.

Thank you.

[Leo]

Hi there,

Are you talking about the background image (laptop image) in the page header?

It’s not really responsive as that’s the nature of background images.

You can try adding this CSS though which is what that page is using:

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

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

If this is not what you are looking for, any chance you can provide a link to your site? Thanks!

[Author]

Posts