Making CSS menu link stay highlighted

[mark365]

Hi folks,

I am helping a friend with a site, but we are having an issue keeping a selected menu item highlighted on this one page site.

https://bootstrapmade.com/demo/Knight/

CSS hacking the Active class doesn’t seem to be the right thing as it only does what we want when its clicked, but not after.

Any ideas as to what I need to do? Any help is greatly appreciated.

Thaks

[mark365]

Figured it out… needed to add color: #ff0000 !important;

[Erik_J]

@mark365

the Active class doesn’t seem to be the right thing as it only does what we want when its clicked, but not after.

Yes that pseudo class was invented by MS and implemented in old IE but never got any response by other vendors. It’s active only during mouse down. Other browsers had the “focus” pseudo class working like “active” was for IE. As (you already know) “focus” is only applied when it is still in focus by mouse or tab key, so it is not suitable for highlighting a menu item either.

@mark365

Figured it out… needed to add color: #ff0000 !important;

Thanks for posting the solution, it’s sorted then.