I had set my Navlink to change colour on Hover, but wanted a different colour in their normal state on different pages. So I followed one of the tutorial and created a Combo Class which resolved my first problem, but now it created an another problem has in my homepage hover on Navlink doesn’t work anymore.
Are you trying to create a different Nav Link Font colour for the different Breakpoints? (Tablet/Mobile etc)
If you are, just select a different font colour for the Nav Link in each view by editing the property within the designer for that view. No need to create a combo class to apply the styling, as the styling changes are applied for each viewport and then cascade down to the other breakpoint views below.
The reason that your hover colour change is no longer happening is because the Hover state was applied to the NavLink1 class. When you added the ‘Combo Class’ class to the Navlink1 class, the hover state is not applied.
No, what I am trying to achieve is the Navlink in the Homepage to be white and then the About and Contact page with the Navlink in Black.
Because Navigation was locked into a “Symbol” with the template each time I was changing the colour in the homepage it would change in the other pages. So I followed one of the tutorials and created a ‘Combo Class’ for the Navlink to remove the ‘Symbol’.
I think I got it the wrong way around now and I am not sure how to proceed. I might have to go back to one of the Backups
I think there are a few Kiwis in the Webflow community. I’ve seen a few comments in the forums from time to time.
Anyway, thanks for explaining what it is you want to achieve.
If you use a ‘Symbol’ any changes you make to the styling will be reflected across the ALL instances of that Symbol, so using a single navigation Symbol on each page for your Navigation won’t achieve what you want.
There are two ways to approach.
Create a Combo Class to style the Nav Links on the specific pages that you want to be different and apply those styles (Class) to each separate instance that you use that Navigation. This wouldn’t be a very efficient workflow, especially if the site was to become larger with many pages.
Create two separate Navigation Symbols for each styling that you require and insert the specific Symbol to the specific pages for the styling you want. At least this way any changes you make in future to the styling of those Navbars will change across all instances of that Symbol.
Hope that makes sense for you and I haven’t gone too far on a tangent
