Change drop down menu color

• 

  viktorkrantz · Member · Apr 1, 2015 at 9:33 am

  • Copy link
  • Add topic to favorites

  Hi guys!

  I been searching for it but i can’t find it…

  1. How do I change the color on the drop down menu?

  2. change the color when I “hover” over the menu?

  /Viktor

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

• 

  thesacredpath · Member · Apr 1, 2015 at 8:48 pm

  • Copy link

  This would be the background and font color for hover on the top level menu items.

  .main-menu > li:hover > a {
      background: #ca2017 !important;
      color: #fff !important;
  }

  For the submenus, this is the CSS you would use. The last rule below is the little triangle at the top center of the submenu.

  .main-menu ul a:hover {
      background: green !important;
      color: purple !important;
  }
  .main-menu ul a {
      background: yellow !important;
      color: blue !important;
  }
  .main-menu ul::after {
      border-bottom-color: orange;
  }