Mobile Menu Appearing Below Site Content

Hello Webflow community, first time poster here.
I’m working on a client site and really struggling with the mobile menu. It’s showing, but when triggered, it appears below the entire site content. What have I done wrong? I replicated this menu from their original at… so I’m really not sure what’s going on here.

If I provided the wrong link, please let me know. Any help would be greatly appreciated!

Thank you so much!

Here is my site Read-Only: [Webflow - Lindus Health v2][1]

Hello Natashya @Natashya, welcome to the Webflow community!

Is there any custom code affecting the class .w-nav-overlay? I can see position: absolute; and height: 8108px; set to the mentioned class.

HI @choreus – thanks so much!
There’s just google tag manager, a bit of CSS, and a footer element for google tag manager. This is a duplication and edit of an existing site, so I had hoped that it wouldn’t break when I brought the module over from the existing site.

Hi @Natashya,

This is due to your Navigation element being set to position: static instead of position: relative - here’s a demo:

Hope this helps!


That was it! Thanks so much!