[Resolved] Z-index on mobile menu

[Javier]

Hello,

I do not know how to solve a problem with Z-index on my mobile menu. The issue happens with the maps. For example here: https://imaginarapanui.com/en/easter-island-map/. If you try to click in the mobile version, the toggled menu is hidden by the map. I think this is a problem with z-index. Could you help me to solve this problem? Thank you.

[Elvin]

Hi Javier,

The map controls have a higher z index value that your mobile menu. (mobile menu = 100, the map controls = 1000)

Try adding this CSS to change that:

nav#mobile-header {
    z-index: 99999 !important;
}

[Javier]

Thank you very much for your promtp reply. It works perfectly!

[Elvin]

Glad it works for you. No problem. 😀

[Author]

Posts