Dropdown menu's color

  • Hi !
    I use Hueman theme for my site & I’m very happy with it, thanks for your good theme.
    I have a problem with dropdown menus.
    I changed the a:hover & a:active colors for my main nav, whith the follwing css :

    #nav-header .nav li a:hover {
    background-color: black;
    }

    .nav .current-menu-item {
    background-color: black;
    }

    It works great when there is just one element.
    When I have some sub-elements (a dropdown menu), there I have my problem :

    When I “hover” a sub-element in the dropdown menu I lose the color of my parent-element. I’am looking for à solution to let me conserve the color of parent-element (same color as a:active / current-menu-item) when I “hover” the sub-element.

    Is there any solutions for that ?

    Thanksss in advance,

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

  • Hi mahsa77!

    You should be able to get the main navigation links’ background color to stick by using more specific CSS selectors. I’ll be more than happy to take a look if you could provide your site’s URL.

    Hi @mahsa77
    The CSS code for sub menus :

    ul.sub-menu{
}

    and CSS code for sub menu’s items:

    ul.sub-menu .menu-item{
}

    * You must use “!important”.

    Thread Starter mahsa77

    (@mahsa77)

    Thanksss DanielMorrison & mehrdads for your replies.
    Let me give it a try with the css u provide. I’m not sure I can resolve the problem….

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Dropdown menu's color’ is closed to new replies.