Title: Adding Current to 2-level menu
Last modified: August 18, 2016

---

# Adding Current to 2-level menu

 *  Resolved [susien](https://wordpress.org/support/users/susien/)
 * (@susien)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/)
 * [Site in question](http://tinyurl.com/yrsbyy)
 * I am making good progress on this site, but I’m stuck on how to add the current
   id to the menu. I used [this](http://www.transycan.net/blogtest/2007/07/25/creating-a-two-level-menu-with-pages-part-1/)
   to create the 2-level navigation. And I’d like to use [Method 2](http://codex.wordpress.org/Dynamic_Menu_Highlighting)
   on this page to assign the current id.
 * I’m not sure how to integrate the two of these techniques. Can someone help? 
   🙂

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

 *  [moshu](https://wordpress.org/support/users/moshu/)
 * (@moshu)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657932)
 * If you use _that_ method 🙂 …
    … here is the basic idea: when on a subpage from
   the sidebar’s submenu – it’s parent Page in the top menu gets the class “current_page_item
   page_folder”, so you can use it to highlight it.
 * And for the sidebar, you just use the simple
    #sidebar .current_page_item thing
   to highlight it.
 * Does this help?
 *  Thread Starter [susien](https://wordpress.org/support/users/susien/)
 * (@susien)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657934)
 * Thanks for your reply, moshu. The method you wrote in your article works perfectly.
   🙂 But I do not understand what you just wrote. Where do I place what?
 *  [moshu](https://wordpress.org/support/users/moshu/)
 * (@moshu)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657936)
 * Those classes above are assigned to the code by WP and that plugin.
 * So, you just use them in your stylesheet to have them highlighted – the idea 
   is in the Codex article you found, just use these classes that you have now.
 *  Thread Starter [susien](https://wordpress.org/support/users/susien/)
 * (@susien)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657940)
 * I feel so dense. I added this to the CSS:
 *     ```
       .current_page_item {
        background: #01a0c7;
       }
       ```
   
 * It’s only affecting the sidebar menu. I need the very top navigation and the 
   sidebar navigation to be highlighed when appropriate.
 * I don’t get it.
 *  [moshu](https://wordpress.org/support/users/moshu/)
 * (@moshu)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657941)
 * I am writing part 2 now 🙂
 *  Thread Starter [susien](https://wordpress.org/support/users/susien/)
 * (@susien)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657943)
 * I look forward to reading it! 🙂
 *  [moshu](https://wordpress.org/support/users/moshu/)
 * (@moshu)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-657947)
 * Enjoy it:
    [http://www.transycan.net/blogtest/2007/11/23/creating-a-two-level-menu-with-pages-part-2/](http://www.transycan.net/blogtest/2007/11/23/creating-a-two-level-menu-with-pages-part-2/)
 *  Thread Starter [susien](https://wordpress.org/support/users/susien/)
 * (@susien)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-658001)
 * Thank you so much, moshu! It’s working now! 🙂

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

The topic ‘Adding Current to 2-level menu’ is closed to new replies.

## Tags

 * [current page](https://wordpress.org/support/topic-tag/current-page/)

 * 8 replies
 * 2 participants
 * Last reply from: [susien](https://wordpress.org/support/users/susien/)
 * Last activity: [18 years, 6 months ago](https://wordpress.org/support/topic/adding-current-to-2-level-menu/#post-658001)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics