Primary menu css dropdown

Community Forums Forums Design Tips and Tricks Primary menu css dropdown

This topic is: resolved

Tagged: , ,

This topic contains 2 replies, has 2 voices, and was last updated by  crystina 1 year, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #11354

    crystina
    Participant
    Post count: 3

    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

    #11364

    csbeck
    Participant
    Post count: 135

    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

    #11417

    crystina
    Participant
    Post count: 3

    Hi Chris,

    Thank you very much, that is the answer!

    Regards Christine

     

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Primary menu css dropdown’ is closed to new replies.