Navigation colour should remain on sub-levels « Support Forum | Kriesi.at

Support Forum » Flashlight

Navigation colour should remain on sub-levels

7 posts from 4 voices

Started 1 year ago by areaofinterest
Latest reply from Devin
This topic is not resolved

Tags:

areaofinterest
Member

Hi there

When navigating from main menu (level 1) to a child-page (level 2) the menu link (level 1) remains coloured or 'selected', but when navigating to level 3 or beyond the colour disappears from the link (level 1), and the user do no longer know where he/she is.

I have tried with following code, without result:

#top .main_menu .menu .current_page_parent a strong{
color: #FF9100;
}

and

#top .main_menu .menu .current_page_parent a strong, #top .main_menu .menu . current-page-ancestor a strong{
color: #FF9100;
}

What to do?
My test site to look for yourself; http://www.collette.dk

Thanks,
aofi

Posted 1 year ago #
Kriesi
Key Master
Hey!

I think your second example is correct but there is a space between "." and "current-page-ancestor"
```
#top .main_menu .menu .current-page-ancestor a strong {
color: #FF9100;
}
```
Regards,
Kriesi
Posted 1 year ago #
nyct
Member

Bumping this thread because I came across this previous post as I have the same issue.
I've tried the above code posted by Kresi but it isn't working for me. Is there a known solution?

Thanks.

Posted 1 year ago #
Devin
Moderator

Hi nyct,

Can you provide a link to your site and what page/navigation item we can see an example of the issue.

Regards,

Devin

Posted 1 year ago #
nyct
Member

still on local site at the moment but should have it up soon on dev site.

but to explain further, it is happening at every page possible after all parent pages, i.e. top level main menu pages (blog(NEWS), portfolio(CATALOG/ARTISTS), STORE, Archive for specific categories(RADIO)). when these top level pages are clicked from the main menu, it shows by color that you're on that page like this :

but if i were to click on an individual NEWS (BLOG) post, it does not show that I am still in this "section" of the main menu

if that leads you to any explanation please let me know otherwise I'll post back here when site is online...thanks again.

Posted 1 year ago #
nyct
Member
Hi guys I'm back, still looking for a solution to this issue. I have the dev site live so if you could take a look and let me know that'd be much appreciated.

http://nyctrust.com/basement/devwp/

once again, pages on Level 1 display the correct property for each menu item, in my case:
```
#top .main_menu .menu .current-menu-item a strong{
color:#6DCFF6;
background:url(../images/skin-minimal/menudash.png) no-repeat center right;
}
```
however if you click deeper within that menu item / page, for example:

http://www.nyctrust.com/basement/devwp/june-1-ritmo-melao-vol-ii/

i lose the property. i think it would be helpful if people knew they were still in the NEWS section. It is the same within each menu item / page. Please let me know a possible solution. Thanks again for all your help!
Posted 12 months ago #
Devin
Moderator
Hi nyct,

It doesn't look like the main blog menu items gets any kind of indicator that its the parent of a single blog post so I'm not sure if its possible to target it like the other pages. If you change your current code in custom.css for the current menu item to:
```
#top .main_menu .menu .current-menu-item a strong, #top .main_menu .menu current-menu-parent, #top .main_menu .menu current-post-ancestor, #top .main_menu .menu current-post-parent {
color:#6DCFF6;
background: url(../images/skin-minimal/menudash.png) no-repeat center right;
}
```
This should hit any/all menu items that wordpress labels as parents of the current page with a in place taxonomy. The others: News, Catalog, Artists just don't have a class specific to the child pages like the above.

Regards,

Devin
Posted 11 months ago #