Hi, when I click on a submenu item and open the site, I don’t have the active submenu item highlighted. Where can I change the settings?
(The main menu level works fine and active items are highlited, but it does not work for the submenu.)
M.
Hey M,
You can change the setting by adding code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file. How would you like it to be styled?
You can use code like this:
.sub-menu .current-menu-item > a {
color: white !important;
background-color: red !important;
}
I hope that helps!
Sarah
Thank you, Sarah.
I’ve done that and I see that it works fine. But I wonder – can I do it somewhere in the Enfold panel (without changing css)? I simply want the submenu level to work the same as the main menu level. I’d like to achieve the effect as you may see on my website but without changing css –
now it works thanks to your “quick css” related suggestion (data below in the private content section).
M.
Hi!
As of now, styling active menu links has to be done via Quick CSS. If you like, you can request a feature or vote for requested features here: https://kriesi.at/support/enfold-feature-requests/
Your site looks lovely! Is there anything else we can help you with?
Best regards,
Sarah
Ok, now I understand :) Thank you for explanations, Sarah.
I’ve added two more questions as separate topics.
And thanks for nice words :)
Monika
You’re welcome. I’ll close this thread, and see you in the forums, then.
Cheers!
Sarah