Hello Enfold Support SuperHeroes,
I’m hoping you can help with a submenu hover/highlighting issue. The submenu items in the burger menu are not being highlighted as individual menu items. When hovering, all submenus and the parent page are highlighted as a block, rather than each independently.
The error first presented after updating the theme.
I have tested with all plugins deactivated, however, this made no difference.
Any ideas about what might be going wrong?
Hey Suze,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li:hover ul.sub-menu li a {
background-color: unset;
}
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li ul.sub-menu li:hover a {
background-color: #0073bb;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Brilliant, that worked perfectly, thank you Mike : )
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike