Main Nav CSS Active and Hover State

  • Resolved mw1750

    (@mw1750)


    12 years, 7 months ago

    Trying to customize main nav menu with css. Having problems, need to know what ids and class to use. I was able to change the background color and text color on hover but the text color on the drop-down will not change on hover.

    I also won’t to you the Background hover color for the current page background color on main nav.

    Please Help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ben Ritner – Kadence WP

    (@britner)

    12 years, 7 months ago

    Active state:

    #nav-main ul.sf-menu li.current-menu-item > a {background: #e5e2e2;}

    Dropdown item

    #nav-main ul.sf-menu li ul.sf-dropdown-menu li a {color:#aaaaaa;}

    Hope that helps.

    Kadence Themes

    Thread Starter mw1750

    (@mw1750)

    12 years, 7 months ago

    Thank you for all the help, your great. I did add the code but it changed the normal text state color, if that makes sense. Anyway I just had to add the hover to the code and it worked fine.

    The Active state also worked.

    Dropdown item:
    #nav-main ul.sf-menu li ul.sf-dropdown-menu li a:hover {color:#aaaaaa;}

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

The topic ‘Main Nav CSS Active and Hover State’ is closed to new replies.