Streaming live at 10am (PST)

Mobile nav menu z-index is messed up

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:

Here is my published site:

1 Like

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:

Hi @PiterDimitrov ,
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

Deff strange… Maybe @Brando can join :slight_smile:

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

Great! Happy you did it! :webflow_heart:

1 Like