Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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




    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 */


    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.


    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.




    the site is

    check out

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



    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.




    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.