Hi Team,
I’m just wondering what code I need to put in the styling to highlight the submenus when the mouse is on the submenu item link, please.
At the moment the text in the submenu pages just remains white when the mouse is on the hover link, but I’d like the white to change to our corporate orange which is #d64d2b when I client is on the page link they would like to click through to. It would be nice in an upgrade to not only have the ability to change the submenu background colour but the hover colour in the simple styling changes.
Our webpage is http://www.peakpotential.net.au
Thanks in advance for your assistance.
Hey darrenwise,
Go to Enfold > Advanced Styling > click on the dropdown (Select an element to customize) set this to Main Menu sublevel Links and click Edit Element button.
Change the Font Color and Background Color then check on Apply only to mouse hover state then Save all changes.
Hope this helps.
Best regards,
Nikko
Hi Nikko,
Thanks for your response.
I tried that, but when you do the hover state option, it uses the background colour as the hover colour and turns the background colour white.
There doesn’t seem to be an option to manage both the submenus background colour as well as the hover colour in my fields.
Cheers,
Darren
Hi Darren,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #wrap_all #header #avia-menu .sub-menu li:hover > a {
background-color: #d64d2b;
}
if you need to change the color of the text, then use this code instead:
#top #wrap_all #header #avia-menu .sub-menu li:hover > a {
color: white;
background-color: #d64d2b;
}
Hope this helps.
Best regards,
Nikko