[SOLVED] How to highlight menu list items
 

Hello all,

I managed to find how to highlight menu list items on hover, (under ATO>Style Widgets>Widget List Items>Link Text Hover Color) but I would like to highlight the menu list item that the user clicks so that the active list item remains highlighted in the menu while the user is on the respective page. Is there a way to do that, please?

Many thanks,
Rutger

I dont use ATA anymore, but you need to look for or add 'current-page' attribute. I will try and find an example code, brb.

These are two examples of code from Themeframe built sites (same developer, often same code), that will give the current page (or list item) specific attributes. Use a code inspector to find what you have or try adding the following (with your CSS) to see the results. Play time :)

Actually, further digging, on another site its this code :)
Its fun to play and learn, good luck.

Thanks, Jam! I appreciate, and agree with the fun of learning and playing. :)
I am not clear, however, on where I would put the second snippet you gave me.
Also, does it state that the highlighting should be e.g. red?

Jam gave you the css selector, you need to add the css rule you want and then put it all in the CSS inserts option

Thanks JD,

This is now in ATO>CSS Inserts:

... but it does not work

font-color is not a valid CSS rule. It should be just color

Thanks, Miles, but still no result. Would you guys care to take a look, perhaps?

I just used a code inspector (Firebug) and saw that the selector is current-menu-item not current_page_item so the rule would be
I left out the other part of what you had as it is not needed and added !important as there is apparently some other code that this needs to override.

That actually works, Miles :)
Thanks, all!