Home Forums Support Page Header Content

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

    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.

    #199803
    Tom
    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%;" ... />

    #200207
    Manuel

    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, 9 months ago by Tom.
    #200215
    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/

    #200216
    Manuel

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

    #200217
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

    #501226
    Feir

    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?

    #501260
    Leo
    Staff
    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?

    Thanks!

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