Hello,
I posted in a previous topic (Embedded video covering sub menu) that I was having some z-index issues with a sub-section of my site where I am using a global block to replace the navigation. My sub-menus were appearing underneath other elements, I followed the advice and it worked.
However, it seems to have caused another problem. I am using a vimeo gallery on several pages (see example: https://www.fastpitchpower.com/test/), and now the lightbox overlay for the videos is appearing underneath the menu. I realize this is a third-party plugin, but I am asking here first because I did some investigating myself and I think the issue is with X.
Here is what I noticed:
- I inspected the page and located the z-index on the lightbox overlay, and it is set to 9999 which should be sufficient. However, it appears it’s being overridden by the change I made when I submitted the previous topic.
- If I disable this change, the lightbox works correctly. However, my sub-menu appears underneath all elements again.
- I thought maybe it had to do with the global block, so I tried embedding a gallery on a standard page with the regular navigation menu. If I embed it in the default WordPress editor, it works correctly. However, as soon as I try to add a content band with a page builder, the lightbox overlay appears underneath the navigation. This is true in both Cornerstone and WP Bakery.
I tried changing the z-index of every element I could find and I haven’t been able to figure it out. Is there a way to get everything at the proper z-index?
Thank you!