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?
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!
