Reset animations on click out

Hi everyone.

I’m creating a website that has a responsive navigation bar.
When you open the navigation an animation is being played and the background changes from transparent to white.
When you click again it resets to the initial state.

The problem is when you click anywhere else on the page that’s not the menu close button the menu closes, but the two animations don’t reset to the initial state.

Is there any way I can reset the animations on click out?

You can try it yourself on the staging link of my site:

Kind regards.

Hi Tiele. Try using Navbar opens interaction instead of Menu opens. That should solve your issue.

Thanks for the quick reply!
fixed my issue :slightly_smiling_face:

1 Like