W-nav-overlay hiding nav bar on mobile


I’ve been struggling with building a nav bar, and there seems to be problem after problem, especially on mobile view.

This is what it looks like on mobile.

This is what it looks like in the inspect tool.

There seems to be a div called w-nav-overlay that appears to be hiding my nav bar drop-down on mobile, but I can’t seem to find it through the webflow UI.
I added a CSS code in the header which sets w-nav-overlay to visible, and it seems to be fixing the issue on the Chrome inspect mobile view but the problem continues when viewed from my phone.

This is the address of the page → Nav bar workspace
and here is the read only link.

I would be soo grateful if you can see if the issue can be fixed.

Thank you!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)