Archived topic
Transparent header overlaps content
5 replies · Started by Sergio on September 1, 2020
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
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
Hi Leo
Thank you for the response.
I have already use that option on both computer and mobile, but doesn´t work...:
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;
}Hi Tom
It's a fix, but it works well.
Thank you very much!
You're welcome :)
It's definitely better/less hacky to account for the overlap inside the GenerateBlocks Container on that page.
