[Resolved] Page content scrolling over sticky navigation

[Zachary]

Hi there,

Firstly, thanks for a fantastic theme!

So I’ve recently used a GP Element to merge the Site Header with Content. (I also have “use Navigation as Header” enabled, in case that is relevant).

But when I scroll down, some content – specifically that loaded from certain plugin shortcodes – scrolls over the sticky navigation instead of under it. This stops happening if I un-merge the header.

Do you have any insights or potential fixes that will allow me to keep the merged Site Header?

– Page built using Elementor on Generate Press Premium
– Problem content is generated from the Flow-Flow Lite and Testimonials Rotator Plugins

Much thanks,
Z

[Leo]

Hi there,

I would say that this is more of a plugin problem.

Is there a way to change the z-index value to a lower number for Elementor content?

Might be worth to check with their support if you aren’t sure.

This CSS should provide a patch,

.elementor-1640 .elementor-element.elementor-element-1f94140 {
    z-index: 1;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Zachary]

That solved it – thank you for the guidance and quick response!

[Leo]

No problem 🙂

I would still check with Elementor’s support though as the CSS is just a patch fix.

[Author]

Posts