Archived topic
Question about Merging Headers
7 replies · Started by Anthony on February 4, 2020
I'm trying to make it so the page builder I'm using (Siteorigin) is brought up behind the header.
For some reason, I can't seem to configure the settings properly.
Should I just be putting a negative margin on the page builder widget and setting the header to transparent or is there a way to do this with the Header Element Merge feature?
The page content is also displaying above the header. Do I need to play with the z-index?
Hi there,
simply create a new Header Element.
Set the Site Header to Merged. And set the display rules.
This will 'pull' the page content behind the site header.
It's pulling it up halfway, and it's above the header elements, not below?
No matter how much I play with the Offset Site Header Height it's not moving my Page Builder content anywhere.
I got it.
Had to set the z-index on the page builder element and then remove the top padding in Customizing > Layout > Container
Thanks David
You may want to use the Page Builder Container options set to Full Width:
https://docs.generatepress.com/article/page-builder-container/
It removes all of the theme padding and sets the container full width.
Great idea.
That's much better so I can use the padding elsewhere. Thanks!
One other question,
When I shrink the screen size on my computer I get this white void below my page content. Is there any way to make it so that never shows. I tried
Something like this:
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto !important;
height: auto !important;
Nevermind! Thanks for all your help!
Have you fixed this?
I checked the home page and use browser resizing and not seeing any white space.
