Title: Active Menu
Last modified: August 21, 2016

---

# Active Menu

 *  [luxman89](https://wordpress.org/support/users/luxman89/)
 * (@luxman89)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/)
 * Hi,
    How do i can make the menu to active state, when it is selected.
 * Thanks in advance.
    **V.Lakshman**

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

 *  [Thimothe](https://wordpress.org/support/users/wcube/)
 * (@wcube)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4287920)
 * Hi,
 * can you post a link to your site please? It will make be easier to assist you.
 * Thanks
 *  Thread Starter [luxman89](https://wordpress.org/support/users/luxman89/)
 * (@luxman89)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4287968)
 * [Link](http://www.trimastir.com/)
 * Thanks for you reply Thimothe
 *  [Thimothe](https://wordpress.org/support/users/wcube/)
 * (@wcube)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288012)
 * so you’ll need to apply some custom css to make it work. Look for an option in
   your theme options and if you can’t find one, you can proceed with a Customm 
   css plugin or creating a child theme.
 * In the custom css, you’ll want to style according to this example
 *     ```
       // Styling for the parent menu item
       .main-navigation ul li.current-menu-parent {
       background-color:green; //just an ugly example
       }
   
       // Styling for the current page
       .main-navigation ul ul li.current-menu-item {
       background-color:red; //just an ugly example
       }
       ```
   
 * And if you want both the parent and the current menu item to have the same styling,
   you can combine both declarations together like this
 *     ```
       .main-navigation ul li.current-menu-parent, .main-navigation ul ul li.current-menu-item {
       background-color:yellow; //just an ugly example
       }
       ```
   
 * I hope this helps
 *  Thread Starter [luxman89](https://wordpress.org/support/users/luxman89/)
 * (@luxman89)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288034)
 * I have tried your code, but its not working . could you please elobrate more.
 * Thanks for your effort…
    V.Lakshman
 *  [Greg – SiteOrigin](https://wordpress.org/support/users/gpriday/)
 * (@gpriday)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288043)
 * Thimothe’s code is nearly spot on. You just need to target the A tag instead.
 *     ```
       .main-navigation ul li.current-menu-parent a, .main-navigation ul ul li.current-menu-item a {
       background-color:yellow; //just an ugly example
       }
       ```
   
 * If that still doesn’t work, you could try adding an !important to the background
   colour.
 *  Thread Starter [luxman89](https://wordpress.org/support/users/luxman89/)
 * (@luxman89)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288087)
 * sorry guys, i have tried that it dosent worked for me…
 *  [Thimothe](https://wordpress.org/support/users/wcube/)
 * (@wcube)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288094)
 * Where did you paste the code?
 * Can you see the code being displayed on your site through Chrome Dev Tools or
   Firebug? It is possible that you have a cached copy (either through CDN , cache
   plugin or browser cache) which prevents the change from displaying in your browser.
 *  [Sah Ara](https://wordpress.org/support/users/sah-ara/)
 * (@sah-ara)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288145)
 * Hello,
 * I tried the code above, made some adjustments, and it worked 🙂
    This is it:
 *     ```
       .main-navigation ul li.current-menu-parent {
       background-color:green;
       }
       .main-navigation ul li.current-menu-item {
       background-color:red;
       ```
   
 * Greetings
    Sarah

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

The topic ‘Active Menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/vantage/1.20.33/screenshot.jpg)
 * Vantage
 * [Support Threads](https://wordpress.org/support/theme/vantage/)
 * [Active Topics](https://wordpress.org/support/theme/vantage/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/vantage/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/vantage/reviews/)

## Tags

 * [active menu](https://wordpress.org/support/topic-tag/active-menu/)

 * 8 replies
 * 4 participants
 * Last reply from: [Sah Ara](https://wordpress.org/support/users/sah-ara/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/active-menu-1/#post-4288145)
 * Status: not resolved