Nav menu doesn't work correctly

Hello! I created nav menu with custom animation and when I close the menu my full page is blocked with a w-nav-overlay so I can’t press anything. How can I fix it?

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

After the close interaction finishes add an action that sets the overlay to display none. You may have to set it to block or flex on your opening interaction to counter this.

1 Like

But I didn’t create a “w-nav-overlay” div

Hmm, see this thread: div w-nav-overlay

It appears to be an issue when using the prebuilt nav in Webflow. You could probably solve this a few different ways, the easiest might be a small piece of JavaScript that detects a class/property change and then hides that div, maybe this:

When the nav-menu-wrapper is set to display none, hide the overlay as well.

Or you could rebuild the menu from scratch, which would be a time consuming process.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.