How to Reset Menu Interaction

DanBennett · March 30, 2019, 12:02pm

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

PeterDimitrov · March 30, 2019, 1:38pm

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

DanBennett · March 30, 2019, 2:06pm

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

Thanks again, Dan

DanBennett · March 31, 2019, 9:33am

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

PeterDimitrov · March 31, 2019, 10:07am

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

DanBennett · April 1, 2019, 12:41pm

Again, thanks again for your wizardry

PeterDimitrov · April 1, 2019, 2:19pm

No problem! Happy to help

loiskim · August 12, 2020, 5:23pm

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!