Highlight the parent menu as well as the sub menu item.

  • The website I am building is here

    If you click on the sub menu item ‘door hardware solutions by franchi plc’ under ‘Services & Companies’ , the submenu items gets highlighted orange but i was also like ‘Services & Companies’ to highlight in orange too?

    I’ve tried adding .header_menu ul li.current_page_parent a { color: #ed6d16; } to the CSS
    and _ancestor but nothing happens?

    Any ideas would be much appreciated!

    Thanks

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

  • Add this style to your stylesheet.

    .header_menu ul li.current-menu-parent a {
    color: #ed6d16;
    }

    .header_menu ul li li.current-menu-item a {
    color: #ed6d16;
    }
    .header_menu ul li.current-menu-parent li a {
    color: #2e5776;
    }

    Thread Starter richfinch

    (@richfinch)

    Thanks for that! It almost works.

    ‘Services & Companies’ now highlights but not the sub menu item now?

    Thread Starter richfinch

    (@richfinch)

    Any further help would be appreciated!

    Also I notice the ‘home’ menu isn’t being highlighted orange?

    okay, you can replace below css code

    .header_menu ul li li.current-menu-item a {
    color: #ed6d16;
    }

    with this css code

    .header_menu ul li li.current-menu-item.current_page_item a {
    color: #ed6d16;
    }

    Thanks.

    Thread Starter richfinch

    (@richfinch)

    That works great thanks for normal pages but how can I also get it to work for my woo commerce product pages?

    Many hanks for your help!!

    Thread Starter richfinch

    (@richfinch)

    Any ideas? THANKS!

    You can add this code to your css

    .header_menu ul li ul li.menu-item-object-product_cat.current-menu-item a {
    color: #ed6d16;
    }

    Thread Starter richfinch

    (@richfinch)

    Brilliant thank you!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Highlight the parent menu as well as the sub menu item.’ is closed to new replies.