[Support request] Navigation not merged with content in page hero (blog sites)

[sporenborg]

Hey,

some time ago you helped me to combine an image slider from Elementor with GP Elements. Now I wanted to create the page hero on the blog pages in the same way.

Image created in Elementor (tag = header), saved, created a new element in GP Elements and told the site header that the position of the navigation should be below the header. The same like the frontpage.

Why does the navigation appear below the header area and then in the middle of the text?

Thx a lot!

[Leo]

Hi there,

Sorry not sure if I completely understand.

Is the link page the correct layout or incorrect layout?

Which page is the one with the issue?

Let me know 🙂

[sporenborg]

Hey,

yes it is the site with the mentioned site … /f….

🙂

[David]

Hi there,

its because of this Custom CSS you have added:

.header-wrap, .site-header, .hero_slider_fp {
    height: 100vh;
    /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
}

Remove the .site-header class to stop it from affecting that element to fix it.

[Author]

Posts