Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #10588

    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

    #68599

    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

    #68600

    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.

    #68601

    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

    #68602

    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 :

    toplevel.png

    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

    2ndlevel.png

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

    #68603

    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!

    #68604

    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

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Navigation colour should remain on sub-levels’ is closed to new replies.