sticky navigation covers up lightbox image

Hi @newtechweb

This is due to the theme applying some styling to their header, in this case a z-index value of 10010.

Let’s try going to Appearance > Customize > Additional CSS and add the following code at the end

div.et_pb_sticky_module{
z-index: 3 !important;
}

then publish. If you see the sticky header is behind some elements anywhere, you can bump the number to a higher one. You can learn more about this here. Basically z-index defines the layer in a stack where an element should go. By increasing the value, you move the element closer to the front, that is why by having 10010 the header was in front of everything.

You can also try reaching out to the Divi Theme support and see if they can find a better fix, since both Divi and NextGEN are quite popular, they might have already heard about this issue too.

I hope this helps. Let me know how it went.

Hi @newtechweb ,

We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation (please just see my post above).

Thanks!