Tagged: header, indicators, main menu
I’m having trouble getting an active menu indicator to show up on my site. I don’t know what I’m doing wrong. I’ve tried to play with the settings but nothing seems to have any effect. Please review. I would like the active menu to be highlighted with a different color text or have an underline(except for the home page). Please help, thank you.
Thank you for your response Josue. Is there a way that I can have the color of the active menu change instead? The default header doesn’t look very nice with my layout. Thank you.
Hi!
Use the following:
#top #header .av-main-nav li.current-menu-item a {
background: red;
}
#top #header .av-main-nav li.current-menu-item a .avia-menu-fx{
background: blue;
}
The first code will change the background of the link and the second one will change the color of the indicator.
Regards,
Josue
Hello, would prefer to change the actual text color of an active link. Can you help?
Thank you.
Hi!
Please change the code to following one
#top #header .av-main-nav li.current-menu-item > a > .avia-menu-text {
color: red !important;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi,
I have some problem with customization indicators of main menu – I want change position of indicator – to above not below text in header.
Can You help me please?
Hi,
Question was answered here: https://kriesi.at/support/topic/enfold-main-menu-indicators/
Best regards,
Rikard