Hi everyone,
I’m having an issue with my Webflow project where I have a hamburger menu button that opens and closes a menu. The button interaction works fine when I click it to open (first click turns it into an “X”) and close (second click turns it back to a hamburger). The problem arises when I close the menu by clicking the overlay (which also closes the menu).
The issue is that after closing the menu via the overlay, the button still thinks it’s in the first click state. So, when I go to click the button again, it behaves like it’s the second click and doesn’t open the menu. I then have to click the button again for it to work.
Is there a way to reset the button’s click state when the menu is closed by clicking the overlay, so that the button always opens the menu with a single click after the overlay is used to close it?
What I’ve Tried:
- The overlay closes the menu perfectly, but the button doesn’t reset.
- I’ve tried adding interactions to reset the button state but haven’t been able to get it working as expected.
Any guidance on how to fix this would be greatly appreciated!
Thanks in advance!