How can I change the color of drop down menu in the css code

• 

  noreenwatson · Member · Aug 30, 2016 at 1:52 am

  • Copy link
  • Add topic to favorites

  I have a top menu with drop down menu items under each category. Right now the drop down is a white (or none?) background that drops over a white page below it and it is very difficult to even see that it is a drop down list of items. I want to change the background color on the drop down and also change the hover color on the drop down list.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 30, 2016 at 6:28 pm

  • Copy link

  Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and edit the color code as desired.

  .nav-menu ul ul {
      background-color: #51C2E2;
  }

  If you also wish to change the hover background color, add the following as well and edit the color.

  .nav-menu ul ul li > a:hover, .nav-menu ul ul li:hover > a, .nav-menu ul ul li.focus > a {
      background-color: #f7f7f7;
  }