Merge Navigation with Hero - SiteOrigin

Hi there,

in Appearance > Element - create a new Header Element:

https://docs.generatepress.com/article/header-element-overview/

Go straight to the Site Header tab - select Merge with Content and edit your Navigation colors. Then set your Display Rules.

That is if I create the Hero image using Site Header, which is one static hero image, from what I can tell.

We want to use multiple slides on rotation like you see here so we have used SiteOrigin's hero builder: https://cateringwebdesign.com/mealsforhealers/

Did the siteorigin slider widget not do what you wanted? That's what I used on my website. If it's the look you don't like, you can always beautify with CSS.

You can use the Header Element without adding any content to it. As i explained just go to the Site Header tab and enable Merge with Content - this will place the Navigation on top of whatever is in your page content.

David that works *almost*. Now it is where it should be but disappears and reappears when the slides change: https://cateringwebdesign.com/mealsforhealers/

Aah the slides are using Z-index to transition - add this CSS to your site to keep the nav in the foreground:

.header-wrap {
    z-index: 100000;
}

THIS IS AMAZING! Thank you so much for your patience with me!

You're welcome - glad to be of help :)

Great David, thank you.

Glad you found that of help