Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

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

Home Forums Support How to achieve a responsive header image like the demo

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #322493
    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.

    GeneratePress 1.3.46
    GP Premium 1.3
    #322555
    Leo
    Staff
    Customer Support

    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!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.