Title: Current Navigation
Last modified: August 19, 2016

---

# Current Navigation

 *  Resolved [mcasdorph](https://wordpress.org/support/users/mcasdorph/)
 * (@mcasdorph)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/current-navigation/)
 * I’m not exactly sure what this is called but its when your navigation highlights
   a certain link (the page your on). For example if you were on the About page,
   about would be selected on the navigation as current page.
 * I seen this done on all kinds of wordpress sites, but never knew enough about
   css to make something like that myself, I just recently made my first working
   css navigation which you can view [here](http://tnanewswire.com/) (its the top
   bar with red hover).
 * I’d like to have the hover look as the “current” style also.

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

 *  [Bill Erickson](https://wordpress.org/support/users/billerickson/)
 * (@billerickson)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/current-navigation/#post-1942667)
 * If you click on “Headlines” in your nav menu then view the source of that page,
   you’ll see the class “current-cat” has been applied to this list item. You can
   use this to style the link.
 * Up in the top nav, if you click a page you’ll get the class “current-menu-item”
 *  Thread Starter [mcasdorph](https://wordpress.org/support/users/mcasdorph/)
 * (@mcasdorph)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/current-navigation/#post-1942675)
 * so would it be like this for the top nav?:
 * .current-menu-item {
 * }
 * or
 * #menu-top .current-menu-item {
 * }
 * or would it work either way?
 *  [Bill Erickson](https://wordpress.org/support/users/billerickson/)
 * (@billerickson)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/current-navigation/#post-1942678)
 * You should a more specific style than that already applied to the element
 * If you wanted to duplicate the hover state ( #top-menu-content ul li a:hover ),
   use this:
 * #top-menu-content ul li.current-menu-item a

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

The topic ‘Current Navigation’ is closed to new replies.

 * 3 replies
 * 2 participants
 * Last reply from: [Bill Erickson](https://wordpress.org/support/users/billerickson/)
 * Last activity: [15 years, 3 months ago](https://wordpress.org/support/topic/current-navigation/#post-1942678)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics