Is there an issue with the interaction of the menu in Webflow that is causing the buttons/links on the main body to stop working after the hamburger menu is opened and closed?

TL;DR

Ensure the mobile menu overlay is fully hidden (e.g., display: none) and has a lower z-index after closing.
Check and update custom interactions to reset visibility, positioning, and z-index to prevent blocking page elements.

If your buttons or links stop working after opening and closing the hamburger menu in Webflow, it’s likely due to an overlay or interaction not being properly hidden or reset after closing the menu.

Go to your Navbar component, then open the Navigator and check the structure of the menu.
Look for a Menu Wrapper or menu background element that appears when the menu is open.
Ensure that this overlay is set to display: none or opacity: 0 when the menu is closed.
If it's staying visible (even invisibly), it can block click events on other elements.

Open Webflow's Preview mode, open and close the nav menu, then use the Inspector (F12 in Chrome) to verify that the menu element is truly hidden.
If the menu is still present with position: fixed or z-index above nearby sections, it will block any interaction behind it despite looking closed.

3. Check Custom Interactions/Animations

If you added a custom interaction (e.g., using Webflow’s interactions panel) to control the menu open/close, make sure the interaction also:
Sets menu wrapper to display: none after menu close
Resets any z-index or visibility state

4. Inspect Z-Index and Positioning

Confirm that no element has an unnecessarily high z-index remaining after the menu closes.
Elements like the menu overlay or container may need a lower z-index or position: static after being closed.

5. Avoid "Display: None" Delays

If you're using Webflow Interactions to hide the menu with a timing delay, make sure display: none is applied only after any animations finish, or some browsers may render a "frozen" transparent layer.

Summary

The issue is likely caused by the mobile menu (or its overlay) not being fully hidden or demoted in z-index after closing. Check the element visibility and interactions to ensure it no longer blocks page elements once closed.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer

Other Webflow Questions

How can I remove extra white space on the right side of my Webflow site when scrolling to the left?

Where can I find the IP address that my Webflow website currently points to? I provided an A record with the IP address 23.235.33.229, but it hasn't worked after 3 days. Do I have my own IP address or is it a shared one? I need to get my website live as soon as possible.

How can I duplicate a header element on all my pages in Webflow without rebuilding it on each page?

How can I enable Cash on Delivery for Webflow E-Commerce checkout without requiring payment?

Which third party solutions are currently being used for user login and membership functionality in Webflow?

Is it possible to create a CSS Masonry grid in Webflow without the need for custom code?

Is it possible to embed PHP and HTML code in a Webflow page to create a login form and validate user existence in a database?

Why is the auto play feature of the slider not functioning properly on the desktop version of my Webflow site in Safari and Chrome, despite working correctly on mobile devices?

How can I clean up or delete the 301 redirects on my Webflow site to improve SEO audits and checks?

Can I adjust the indent of a bullet list in a rich text element in Webflow?

Why does Quick stack in Webflow behave strangely on small mobile sizes, cutting the text instead of placing it on a new line as responsive design should do? Additionally, why does the cell not expand fully on mobile landscape and appear unusually small?

How can I add icons next to text in the "For Instance" section of my UX Coaching page on Webflow? Can someone provide a video tutorial? The icon I want to use is the green checkmark circle shown in my photos.

Can Webflow combine multiple CMS Collections into one using Finsweet's Attributes feature for sorting?

Can user authentication be disabled on membership signup in Webflow to improve funnel flow?

How can I improve the scaling of a custom font on different browsers in Webflow?

Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?

How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?

How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?

How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?

How can I dynamically redirect to a CMS created after form submission in Webflow?

How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?

How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?

How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?

In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!

How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?

Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!

Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?

How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.

How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?

When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?