[Support request] Transparent header overlaps content

Home Forums Support [Support request] Transparent header overlaps content

Home Forums Support Transparent header overlaps content

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1426413
    Sergio

    Hello,

    In this web (https://goxara.com/) I have a transparent background in the header. When the user makes the browser window smaller, the content overlaps with the logo.

    https://nimbusweb.me/s/share/4596627/iaa9athh3cwhzlitelvz

    Any solution?

    Thanks in advance

    #1426676
    Leo
    Staff
    Customer Support

    Hi there,

    Can you try using this option in the header element and see if that works?
    https://docs.generatepress.com/article/header-element-overview/#offset-site-header-height

    #1427561
    Sergio

    Hi Leo

    Thank you for the response.

    I have already use that option on both computer and mobile, but doesn´t work…:

    https://nimbusweb.me/s/share/4600225/bbqqy80vd3lgmvv7yoav

    #1428176
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    What I would do is add more padding to the top of your first GB container.

    If you want to do it with CSS, you could try this:

    .header-wrap + #page .entry-content .gb-container:first-child {
        padding-top: 100px;
    }
    #1429483
    Sergio

    Hi Tom
    It’s a fix, but it works well.
    Thank you very much!

    #1429918
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

    It’s definitely better/less hacky to account for the overlap inside the GenerateBlocks Container on that page.

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