-
Hello,
On one of my sites I use GPP with Elementor/Pro on the front end. I have slideshow setup which displays in a lightbox when clicked.
However, I also have the sticky menu enabled in the Customizer.
When I do this, I lose the UI controls for the lightbox, as they are hidden under the sticky menu.
I am guessing this is a z-index issue of some kind where the sticky menu is higher than the lightbox, but I don’t know how to change it.
The lightbox can be closed using the ESC key or clicking above or below the images (but not to the sides) — but having no visible control I think is not an ideal UX situation.
Can you help me resolve it so the sticky menu doesn’t “cover” the lightbox UI controls? Thanks.
I have put the URL in question in the Private info area.
-
Hi Deandidthis,
Can you try adding this through Appearance > Customize > Additional CSS?:
nav#sticky-navigation { z-index: 9998 !important; } -
Perfect, thank you, that works great! I was pretty sure it was z-index but didn’t know what number to set, I couldn’t find anything when I used the F12/page inspector.
Thanks too for the incredibly fast reply.
-
You’re welcome, Deandidthis!
- You must be logged in to reply to this topic.