Nav Bar Hover animation on Homepage works, but unfortunately doesn't work on all other pages

[HenrikB (Henrik Bienstein)]

Dear Commmunity and / or Webflow Team,

I’m in trouble with the Nav Bar.
So on the Homepage, the Navbar looks and the animations behave exactly how I want it to look and behave.
On all other pages, the animation of the blue lines (corner lines horizontal) which underline the Nav Link won’t work.

What’s the best workaround to get the Home-Nav-Bar synced with the Nav Bars of the Rest of the Page? Or to get the animations running on the other pages?

Thanks a lot for any help in advance!

Best
Henrik

---

Here is my site Read-Only: Webflow - First Placement

[Johanfelix]

Hi @HenrikB

I managed to make it work. Here are the steps I took:

Remove the Element trigger from all nav links in the navigation. Then create a new Element trigger on one of the Nav Links and select “Hover in” and “hover out” animations like before. Then scroll down to “trigger settings” and select “Class” instead of “Element” (see image below). Close the interaction panel and now the interaction should apply to all nav links on all your pages!

Let me know if it works!

[HenrikB (Henrik Bienstein)]

Hey Johan,

you helped a lot, everything works now!

Many thanks and have a nice day!

Henrik