[Resolved] Question about Merging Headers

[Anthony]

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?

[David]

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.

[Anthony]

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.

[Anthony]

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

[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.

[Anthony]

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;

[Anthony]

Nevermind! Thanks for all your help!

[Leo]

Have you fixed this?

I checked the home page and use browser resizing and not seeing any white space.

[Author]

Posts