Primary menu css dropdown

[crystina]

Hi

I created a dropdown on the second button in de primary menu:

http://projects.mediatopia.nl/dominicus/

When you go over  the button and see the dropdown then de layout shows how I want it, but when I go over de menu items in de dropdown I want the layout to stay the same. De blue button has to stay blue. I can't figure out how to do that.

I hope someone can help me solve this puzzle, if it can be solved 😉

 

Kind regards,

Christine

[csbeck]

I believe you need to add another style definition in your style.css file. Find the following style:
.menu-primary li.blauw.current-menu-item,
.menu-primary li.blauw.current-menu-item a,
.menu-primary li.blauw a:active,
.menu-primary li.blauw a:hover

I believe this is where you have defined the colors for the rollover.

Change the style name to include another class name called ".menu-primary li.sfHover" so the title of the style should end up being:
.menu-primary li.blauw.current-menu-item,
.menu-primary li.blauw.current-menu-item a,
.menu-primary li.blauw a:active,
.menu-primary li.blauw a:hover,
.menu-primary li.sfHover

Hopefully this helps.
Chris

[crystina]

Hi Chris,

Thank you very much, that is the answer!

Regards Christine

 

[Author]

Posts