Visit the above site. There you’ll see that when you click on the menu for the first time, it nicely comes down from the top, and the nav links and close button then come down one after the other. Then you hit close.
When you click on the menu button a second time to open it again, this time the nav links and cross button do not move the same way they did the first time. Instead they all just stick to the menu and come down along with it. You can see the difference, just open the menu a 2nd or 3rd time and compare with how it was the first time.
It looks like you need to add some interactions to return the menu to it’s original state.
At the moment, the menu opens, and the animations happen, but when you close the menu - I think that’s literally all that is happening, it closes, but the animations have run their course but don’t have any instructions to revert to their initial state.
Probably the easiest way to approach this is to duplicate the ‘menu open’ animation, and call it ‘new close menu’ - work through the various steps to return them to their original state. Then link the X to this new interaction.
- Even a rotating menu button now! Good work 