Z-index in lightbox below the menu

[Creativecure]

Hello everyone.

I placed a raw content in one page,I placed a shortcode from a three party plugin, called Interactive Map by Avirtum, it displays a lightbox, but it appears below the menu, which is sticky, even for avoiding this I change it to static.
I searched and found I have to add css code ti change the z-index. Here is the code I change.

    .x-navbar-fixed-top {
   position: static;
}
.vision-lightbox .vision-lightbox-theme-light .vision-show{
   z-index:999999;
}

But it remains below the menu. What I´m missing?

Thanks in advance.

[albrecht]

Hi Creative Cure,

Thanks for writing in. Could you be able to send us a link to your site with the lightbox? So we could give you an accurate css. Thanks!

[Creativecure]

Sure.
https://beta.mayakaanresort.com/masterplan/

Even I add the !important in the lightbox z-index but it still below the menu.

[matt]

Hi @Creativecure,

I’m not familiar with the plugin or how/when it’s meant to be displayed on the page, so without more context it would be difficult to give you a solution, however since the issue is with the third party plugin, it’s not really a theme issue for us to solve. I’d recommend that you reach out to the plugin author, as they will be best placed to support you.

[Creativecure]

Just for the record, I’ve got it, I was calling another class. The correct one is:
.vision-lightbox.vision-show {
z-index: 99999 !important;
}