Site logo

Archived topic

Stick header covers over lightbox navigation

3 replies · Started by Lutz on February 19, 2023

Viewing posts 1–4 of 4

Hi.
I have a page with an image gallery providing a lightbox. When I activate the GeneratePress sticky header - the sticky header comes in front of all other widgets and covers up the control buttons of the lightbox. So the user can't close the image lightbox without scolling back to the very top of the page. Especially on mobiles that's very annoying - some users think they cannot close the lightbox, at all.
Any help?

URL and access data in the private area.

-Lutz

Hi there,

try adding this CSS:

.elementor-lightbox {
    z-index: 10000 !important;
}

Hi David.
Fast and precise answer - as always =;-)
Thanks - I myself missed the possibility to solve this via the z-index ...
-Lutz

Glad to be of help!

This archived topic is closed to new replies.