Streaming live at 10am (PST)

Reset hamburger-menu X-animation on anchor link

Hey there! Im having some problems figuring out how to fix my mobile menu button. The way it is now I can toggle it to show and hide like it should, and the icon transforms to an X and back to hamburger. However if I click on an anchor-link the menu closes like it should and it scrolls down, but the menu icon doesn’t reset.

The way it is built is with first and second click. I’ve tried setting the second click interaction on the anchor-link, but that doesn’t work for some reason.

Not sure if my explanation it spot on, but to see for yourself just set the viewport to mobile and try to click on the “Om oss” link.

Thanks!


Here is my site Read-Only: https://preview.webflow.com/preview/somlos?utm_medium=preview_link&utm_source=designer&utm_content=somlos&preview=e696f88aed131d2ee718f8ed37b8fdd0&mode=preview

Hi @Mabero1, thanks for your post. When using the navbar widget, instead of using the interaction on the mouse tap of the menu button, assign those interactions to the menu open/close triggers, see my quick video:

I hope this helps

1 Like

Thanks a lot! Didn’t know about the menu opens/closes interaction. Also thanks for putting the time in to make a video. Made it really easy to understand :slight_smile:

2 Likes