Title: Main Nav CSS Active and Hover State
Last modified: August 21, 2016

---

# Main Nav CSS Active and Hover State

 *  Resolved [mw1750](https://wordpress.org/support/users/mw1750/)
 * (@mw1750)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/main-nav-css-active-and-hover-state/)
 * 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](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/main-nav-css-active-and-hover-state/#post-4215748)
 * 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](https://wordpress.org/support/users/mw1750/)
 * (@mw1750)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/main-nav-css-active-and-hover-state/#post-4215776)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [mw1750](https://wordpress.org/support/users/mw1750/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/main-nav-css-active-and-hover-state/#post-4215776)
 * Status: resolved