Sub Menu Dropdown - change color from black?

I’d like to change the color of the background for the dropdown menus from black, but haven’t been able to hit on the correct line of css. Can you help? The site is http://staging.cr-i.org/ . Thank you!

Hello,

please try this code in a custom css plugin or child theme, add your own color of course:

#mainnav-mobi ul.sub-menu {
  background-color: #ff0000 !important;
}

I added the code to my child theme, but no luck. Other ideas?
Thanks!

Not? I see the change - the sub menus are blue now.

I don’t see the change in Chrome or Firefox on a Mac - submenu has black background, hover is blue. Here is a screenshot: http://staging.cr-i.org/wp-content/uploads/2015/10/CRI-menucolor.png

Oops, my mistake! My code was for the mobile menu.

Please try this:

#mainnav .sub-menu li a {
  background-color: #3DB6E6 !important;
}

1 Like

Great, that did it! Thanks!

please my website is www.indusren.com. I’m a beginner in css. I also want to change the color of the background for the dropdown menus from yellow to black. Can you help?