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

    hi really like the theme so far and after some customizations only one thing i cannot achieve.

    i’d like to have the parent menu item highlighted when you click on a child or grandchild page.

    structure is this:

    – parent

    — child

    — grandchild

    so far the current highlighting in the main menu is only supported for parent pages.

    best regards

    thomas

    #108841

    Hi,

    add following code to css/custom.css and change the color values if required:

    .current-menu-item > a {
    color: #FD8D38;
    }

    .main_menu li.current-menu-parent a, .main_menu li.current-menu-ancestor a{
    color: #FD8D38 !important; /* highlight color */
    }

    .main_menu li.current-menu-parent ul li.current-menu-item a, .main_menu li.current-menu-ancestor ul li.current-menu-item a {
    color: #FD8D38 !important; /* highlight color */
    }

    .main_menu li.current-menu-parent ul li a, .main_menu li.current-menu-ancestor ul li a, .main_menu li.current-menu-item ul a{
    color: #A2A2A2 !important; /* default nav link color */
    }

    #108842

    dude, this is working good when i chose a page from the main navigation menu.

    now i need it to work also with the cool sidebar menu (with the little arrows), whenever i change something there the highlighted menu item in the main nav dissappears.

    #108843

    Hi Thomas,

    Can you link us to an example? The main navigation is only able to be active if the wordpress code recognizing the current page as a child is active. If it isn’t there isn’t really a way for the menu to be “active” on that page.

    Regards,

    Devin

    #108844

    the site is http://www.it-findik.net

    check out http://www.it-findik.net/leistungen/edv-systembetreuung/administration

    it’s a grandchildpage from leistungen, but leistungen is not highlighted.

    regards

    #108845

    Give this a try:

    #top .main_menu .menu li.current-page-ancestor a strong {
    color: #C00;
    }

    Just use your correct highlight color that you want for the color.

    Regards,

    Devin

    #108846

    very nice – thanks devin!

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

The topic ‘menu current color with child’ is closed to new replies.