Animating dropdown menu list also animates the link and toggle

[cyrezeraser (Alex)]

I’m trying to animate the dropdown menu links on my nav bar but when I setup the animation interaction for the “dropdown”, it also animates the menu link and arrow itself. So if I set it to fade, it will fade out the link, arrow and then the dropdown links as well. I only want it to affect the dropdown links.

I followed this video on the forum to find out how to do the interaction.

Here is how to animate a dropdown menu with IX2

Loads of people seem to be asking (including me) how to animate a dropdown menu properly, and even better with IX2. With a few different posts I’ve found how to do it so thought I’d put it in a single one here. It’s a little bit fiddly, but I’ve done a video below which shows you how to do it. [How to add a custom animation to the Dropdown element in Webflow] Don’t forget to select the actual dropdown wrapper so you can choose dropdown and NOT dropdown toggle on the interaction …

Below is an image of the interaction I’m talking about. Any idea how to fix this?

----------n

[TexVax (Dylan-B)]

Hey! Could you provide a read only link so we can scope this issue?

[cyrezeraser (Alex)]

Sure here is the read only link

https://preview.webflow.com/preview/alexgcreative?utm_medium=preview_link&utm_source=designer&utm_content=alexgcreative&preview=c066b7cb639831449e101e80cc1aa6c8&workflow=preview

I tried a bunch of different things trying to get the dropdown menu to fade in but it’s not working still. If I set it to “Dropdown Opens” it always animates the link and toggle along with the Dropdown Links.

I just tested the read-only link and the dropdown menu isn’t showing unless you turn preview on and off.

[cyrezeraser (Alex)]

@TexVax Hey TexVax I replied with the read only link for the issue, do you have an idea on what is causing this? Thanks