Archived topic
Z-index on mobile menu
3 replies · Started by Javier on May 26, 2021
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