Mobile nav menu z-index is messed up

Design help General
1

Hi guys,
I’m having trouble with the site’s mobile nav-menu not displaying properly. The z-index should be above other elements. On the designer view, it looks fine but for some reason, when I open it on my Ipad and Iphone, its not working as it should be. It’s behind the other elements on the hero content. I assume it has something to do with my Safari browser because when I open it on Chrome, it’s fine. Could you guys help me to solve this issue natively without using any custom code please? Thanks in advance! :slight_smile:

Here is my site Read-Only: https://preview.webflow.com/preview/veegn?utm_source=veegn&preview=a77609795aa312c3043a99374f963362

Here is my published site: http://veegn.webflow.io/

1 Like
2

Hello @zieman1

Try making the z-index 999 and you can use fixed instead of relative.

Tell me what is happening when you try.

Piter :webflow_heart:

3

Hi @PeterDimitrov ,
Thanks for the response! I’ve tried it but the problem is still there. There’s no problem when I open it on Chrome and Firefox just on Safari for some reason.

1 Like
4

Deff strange… Maybe @Brando can join :slight_smile:

5

I’ve rebuild the navbar and the problem is solved now. I might have made a mistake somewhere in the previous navbar. Weird but true. lol

1 Like
6

Great! Happy you did it! :webflow_heart:

1 Like