Interaction Initial State Not Showing

Hi everyone -

I’m a little brain-dead and stuck on some interactions I’ve built for some fancier links. All is fine when I’m previewing these interactions within the interactions tab; however, when I go to look at my published website, my interactions aren’t starting at their initial state.

Thanks in advance for your help!
Katarina


Here is my public share link: https://preview.webflow.com/preview/music-co-style-guide-template?utm_medium=preview_link&utm_source=designer&utm_content=music-co-style-guide-template&preview=d21eec41c9d9ef4ce7a636764f5bc9c5&pageId=5f468e0929d6967f2a77cf97&mode=preview

Hey Katarina- It looks like you have a conflicting initial state on your hover out interactions. You can just delete the initial state out of the hover out interaction and that should do it. Also, one of the initial state elements in the hover in interaction has the wrong target, so that needs to be updated. See video walkthrough on how to fix below (sorry for the mouse clicks I forgot to turn my mic off haha)!

Hope that helps!

1 Like

This worked! Thanks so much.