Animation does not work on class

Hi,

I have a problem with applying my navigation show hide animation to the whole class. As far as I understand I have all the settings right, but the animation only applies to the instance of the class I created the animation for.

image

As I have the same animation for a lot of different pages it would be a lot of work to set the show hide animation for all different pages separately. So it would be great to find out how to apply this globally with the “navigation” class. Here is the link to my page

https://preview.webflow.com/preview/pest-control-lp-93fa1ec4c5a1fbc65f2e910?utm_medium=preview_link&utm_source=designer&utm_content=pest-control-lp-93fa1ec4c5a1fbc65f2e910&preview=66be3a135c652cefe10e2e0b6aa37ec1&pageId=62de5db985a5c0be0ea9cca2&workflow=preview

Thanks

Michael


Here is my public share link: LINK
(how to access public share link)

if you want the interaction itself to apply to elements of the same class, go up one level, at the interaction level (your screenshot shows you’re at the animation level).