Navigation link highlight | WordPress.org

Resolved chocula
(@chocula)

11 years, 8 months ago
I have a menu structure like this:
```
Work
 - item name
    - item detail
    - item detail 2
```
What i want is the for the top menu navigation to always be highlighted. Currently when you are on the item name page work is highlighted but when you go in to the item detail page the work stops being highlighted.

Is there any way to do this?

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

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 8 months ago

Yes CSS can achieve this.

Can you provide a link to your website, or Pastebin.com the HTML and CSS of one page?

Thread Starter chocula
(@chocula)

11 years, 8 months ago

Hey,

here is a link to the site http://www.headspacedance.com. There are currently only sub, sub pages on the work section.

Thank you

Michael
(@alchymyth)

11 years, 8 months ago

wp_nav_menu() outputs a range of css classes;
http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes

try to work with a browser tool such as Firebug http://getfirebug.com/ to identify the css selectors of the ‘work’ tab when one of the child-child-pages is selected.
Thread Starter chocula
(@chocula)

11 years, 8 months ago
following on from your suggestions i added this code to the css
```
#access .current-page-ancestor > a {
	font-weight: normal;
	color: #FFFFFF;
}
```
which has achieved the desired effect. thank you

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

The topic ‘Navigation link highlight’ is closed to new replies.

In: Fixing WordPress
4 replies
3 participants
Last reply from: chocula
Last activity: 11 years, 8 months ago
Status: resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics