Streaming live at 10am (PST)

Mobile Navbar animation problem

I’m new to webflow and I have an issue with the navbar on the mobile screen. The thing is that I have a custom hamburger animation, and when I click on the hamburger icon the hamburger animation starts and opens the menu (so far so good), but when I click on a title in the menu that just opened, the hamburger animation does not go back to the initial state. I have tried to change the interaction in the menu so that the hamburger animation closes but it doesn’t seem to work. I have looked on other websites and they have no problem so I tried to copy their settings but still doesn’t work for me.
If someone can help me I will be thankful :slight_smile:

Here is my public share link:

Published link:

Hi - welcome to the forum :webflow_heart:

I think it is good idea to attach the published link :slight_smile:

Hi, thanks and done :slight_smile:


Thanks for sharing. I’d try to delete the interactions of the Nav Menu Links. see the image below :slight_smile:
Screen Shot 2020-07-26 at 5.42.48 PM

Hi, after deleting the interactions there is still no effect on the hamburger animation, here is a link to someone who managed to do it:
There you can see that after opening the menu and clicking on either “HOME” “WORK” or “CONTACT” the hamburger animation starts and it closes the menu

Good morning !
I found the solution in this nice persons video. Reset hamburger-menu X-animation on anchor link
Very easy actually :slight_smile:

1 Like