Issue with animations

[Chai_Karim]

Hi! So for my portfolio I’m trying to have a side nav that shoots out on hover and lets you pick a page to go to. In it’s default state it should be inactive and the nav should not be open - the issue is that right now that is not the case and the nav is visible as soon as you visit the site. However, when I’m editing my website on Webflow it starts inactive (as it should) - it is only on Preview or in my actual published website that my side nav starts active and open.

This is what it looks like when I’m editing:

But on Preview or the Published website it automatically opens up right away:

Was hoping to get some help! If anyone needs clarification I’ll be more than happy to provide!

---

Here is my public share link: Webflow - Chai Karim Portfolio
(how to access public share link)

[Pablo_Cortes]

Hello @Chai_Karim, so the issue with your animation is that you only need to set one initial state when hover in and no initial state when hover out, on the hover out you should not have initial state activated. Basically you just need to delete all the steps under initial state on your post click animation.

I deleted all the steps in blue and the animation worked as intended. I hope this helps.