Tagged: Fullwidth sub menu
Hello,
I am using a fullwidth sub menu on this page: http://capstone-vision.flywheelsites.com/services/cataract-surgery/
I would like to change the hover and current menu item states, but am having problems. I entered the following code to my css, but it is not taking:
.av-subnav-menu .sub-menu li a:hover {
color: #d57d11 !important;
}
.current-menu-item {
font-family: Merriweather Sans, sans-serif !important;
font-weight: 700 !important;
font-style: bold !important;
color: #4a3468 !important;
}
Is there something else I should be doing? Thanks!
Hey Kirstie,
Thank you for using Enfold.
The “current-menu-item” class attribute is not going to be applied on the active menu item by default. You need to add a custom script. Please refer to the following thread.
// https://kriesi.at/support/topic/sub-menu-active-indicator/#post-613765
Best regards,
Ismael
Thanks for the information. I have decided not to do a current state style because I don’t want to add a bunch of extra code.
Is there a way to change the hover state in css or would I also have to add code to functions.php?
Thanks!
Hi MattJensenMarketing,
It’s easy to add the hover state when the class is added, but to be able to add the class you need to follow the thread given by Ismael above.
Best regards,
Victoria
This topic can be closed, thanks!