Change Background color of Hover Over in a Submenu

Hello Support,

The primary color is set to red.

I would like to change the background to blue #1f91f4 when hovering over the submenu.

How can I achieve this?

Thanks, Bo


I’m not sure what exactly you want to achieve. Can you please provide a link to relevant site and some explanatory screenshots?

Kind Regards, Roman.

Sure, here you go…

My site is

Attached is a screenshot of the drop menu.


I have the primary color of my site set to red, which I want, except in the dropdown menu I’d like to have the hover color be changed to blue.

Thanks for your help, Roman.


Hello Bo, thank you for the link and screenshot.

Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

nav#mainnav ul.sub-menu > a {
	background-color: #1f91f4;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks, Roman! Works great. Looks beautiful. :slight_smile:


You are welcome Bo! :slight_smile:

Kind Regards, Roman.