Site logo

Archived topic

Z-index on mobile menu

3 replies · Started by Javier on May 26, 2021

Viewing posts 1–4 of 4

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.

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;
}

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

Glad it works for you. No problem. :D

This archived topic is closed to new replies.