How to Reset Menu Interaction

Design help Animations & Interactions
1

Hi folks!

I’ve created a custom mega menu with a loading transition. Problem is the transition doesn’t reset and seems to partially animate when clicking the burger button for the second time. It’s really odd.

Any ideas why this is happening?

https://typespace-692e4e.webflow.io/

Here is my public share link: Webflow - TypeSpace

Thanks in advance,
Dan

1 Like
2

Hey @DanBennett

The problem is with the close animation. You don’t have the reset steps. See here > https://www.useloom.com/share/5346b11b0a534c69a15f2306d8a140e2

Feel free to reach out if you have more questions :webflow_heart:

3

Awesome! Thanks so much for recording that fix, which I’ve followed step by step and it’s working now. Really appreciate the quick response :slight_smile:

Thanks again, Dan

1 Like
4

One more thing @PeterDimitrov, when you repeatedly click the menu button on and off the horizontal lines disappear and reappear randomly. Any clues?

42%20pm
42%20pm2690×1836 168 KB

1 Like
5

Try doing the following > https://www.useloom.com/share/094aba90e82a4e4cb7201d2c2b34c70d

6

Again, thanks again for your wizardry :slight_smile:

1 Like
7

No problem! Happy to help :webflow_heart:

8

Hi! I’m also running into a similar issue. The link you provided is no longer available. Mind reposting? Or sharing how to tackle this again? Thanks!

2 Likes