Why is my dropdown Nav menu always slightly visible on Mobile?

Here is my site Read-Only: [LINK]

I have a menu that pops down from the top when the menu button is clicked. But on mobile it always is slightly poking in from the top. It isn’t in the preview but once I publish it, you see it. [LINK]

I assume this has something to do with the initial state interaction or the z-index but I can’t figure it out.

I’d really appreciate any help!
Thanks!

hi @Redsail I have tested on iPhone 15 plus and there are many issues than only nav. Here is a video but after see what you have done in portrait I didn’t find reason to test it in landscape.

While design is nice from developer view it has lots of space to fix and/or improve.

I will recommend to hide all sections and start from first and make it responsive and after move on section two etc. System one thing at the time.

good luck

Thank you. Yes I haven’t made the site responsive yet. I was just starting on that when I noticed the menu. So I wanted to fix that first then go from top to bottom.

1 Like

I’m still looking for help here if anyone can. I know the site is still rough. I’m just trying to solve the menu part for now.