Help with CSS on Menu

Hello,

Hoping someone can help me out. I am working on a site and having a few css issues with the menu, and can’t seem to figure them out.

  1. I can get the active menu item to stay green on a menu item that has a dropdown. However if it does not have a dropdown it will not stay green.
  2. When you hover over the tabs, there is brown…if I change

ul.dropdown-multicolumns li:hover
a to a color the color works on the buttons, but then if you drop down the menu there is a green background behind the categories.

Any help is greatly appreciated!

poweredbyearthgirl.com/~groovypo/

Hi tinaw. Welcome to the forums. :slight_smile:

I’m assuming you are trying to say that if you click a link like Category Example 2, the tab is not highlighted green on that page?

If so, the problem is that the LI is colored green but the <a> inside has a brown background color that covers up the green color. (this is why it’s best to set colors on the links rather than on the LIs.

Anyhow, you could override the current styles by adding this:

li.cm-active {background: #ACC050;}
ul.dropdown-multicolumns li.cm-active a {background-color: transparent}

EDIT: actually, the first line above is not really even needed.

Thanks sooooooo much!!! Worked perfectly!