Mobile Navbar animation problem

Hi
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: https://preview.webflow.com/preview/chopsticks?utm_medium=preview_link&utm_source=designer&utm_content=chopsticks&preview=08e4e47482c308bab81c6be85d96b61e&mode=preview

Published link: https://chopsticks.webflow.io/

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:

Hi

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:
https://stu-cp1.webflow.io/
https://preview.webflow.com/preview/stu-cp1?utm_medium=preview_link&utm_source=showcase&utm_content=stu-cp1&preview=176f8d5475264793ced3e425e28a7be5
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