Home Forums Support Page Header Content

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #199731

    Hi everybody,

    i want a full-width header image using the “Page Header” Add-on. I found a css code to go full-width with the “Page Header Image” but on mobile i want to show a different image and so i have to use the “Page Header Content” and html for images, right? how can i go full-width? Hope you got my point.

    Happy for every solution.

    Lead Developer
    Lead Developer

    That’s right.

    In the content tab you can set the container to fluid. Then just make your images 100% wide like this:

    <img style="width:100%;" ... />


    Thanks for your fast reply but it doesn’t work. I’ve set the container to fluid and added the html to the image but it doesn’t go full-width.

    • This reply was modified 7 years, 3 months ago by Tom.
    Lead Developer
    Lead Developer

    Hmm, try this CSS:

    body .inside-page-header-container.grid-container {
        max-width: 100%;

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/


    YEAH! It works. Thanks a lot ๐Ÿ™‚

    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚


    Okay I seem to have a problem. I have generatepress premium. I see the custom buttons and would love to follow the instructions regarding making my header full width but darned if I know how to display these options. All I get is a return to the basic display on the static front page. I have now spent days trying to find and do this. Can you help?

    Customer Support

    Hi there,

    I don’t think your question is related to the original topic.

    Can you open a new topic for you question?


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