Apply active class to items in the nav list?

[SteveB]

Demo site is here: http://ci-clientservices.com/clientdev/designed/

I’ve read this: Styling Nav Links – Blocs – User Documents and followed instructions. The class I’ve applied to the nav list is navlist and using the class manager I’ve created the class navlist a I’ve applied a hover colour of red and that’s working fine.

I’ve also applied the same colour to the active state, but that’s not working.

I’m not using the primary menu as the source, and there is a different menu on the homepage to the rest. The difference is that the homepage menu isn’t in a global area, but the menu of the other pages is.

Am I missing something?

[SteveB]

I think I’ve found my answer!

@Norm

What you actually need is the active page link to have an extra class applied to it but only when the page is active. I’ve never got around to adding this but I’ll take a look.

Then you would just set this class ( let’s call it .active-state) to the styling you want and when the current url matched this link it has this styling.

If I’m reading that correctly, at present what I want (a different colour for active menu list items) isn’t possible. @norm could you confirm that?

[webplus]

Hello @SteveB, are you aware of the active link class, which you can set in the settings?

https://help.blocsapp.com/knowledge-base/active-state-navigation-class/