Hero merge with nav

Hi there,

How do I go about this please? I have found that if I created a header using elements and selected merge with content and then created another element block with my hero design it worked but it seems a really messy way to get the result as having to create two elements.

That's the way to go if you don't want to resort to custom CSS. Site templates actually have this as a setting for merged navigation w/ the Hero section from a Block Element. Even the site template you've mentioned "Donate" does this. Inspect the site and you'll find a page-hero element within the page. https://gpsites.co/donate/

I hope this makes sense. A solution would be to allow a setting in the element block to merge with content or just have it appear at the top behind the nav.

We can log this as a feature request if you want. Let us know.

Hello, thank you for your speedy reply. What is the custom CSS I could use? Yes could this be added as a feature request please.

Kind regards

David

Hello, thank you for your speedy reply. What is the custom CSS I could use? Yes could this be added as a feature request please.

Can you link us to the site in question? So I can inspect and do the write-up.

Sorry it is just running locally at this time.

Any chance you can set up a staging site? So we can inspect how your header is structured. It varies depending on what you've set in the customizer settings.

Thank you for your help,will have to sort this another time.

I've been trying to figure this out too, and I have a near-solution for my needs. There are some quirks in it.

An Elements > Block > Site Header is created with dynamic content (background, title, etc).

I position Primary Navigation Above the Header, then add custom CSS:

#site-navigation {margin-bottom:-60px}

(or whatever height your Primary Menu Items are set to)

It doesn't have the full flexibility of a merged Elements > Header, but does mimic the appearance.

Definite feature request for a merged header from Elements > Blocks > Site Header.