Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #12020

    Hi,

    I would like to have the main menu item highlighted with my link color when I am at its child page.

    I have added this code to my custom.css, but it has no effect:

    .current-menu-item a {

    color: #444444;

    }

    .main_menu li.current-menu-parent a, .main_menu li.current-menu-ancestor a{

    color: #a882bd; !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: #a882bd; !important; /* highlight color */

    }

    .main_menu li.current-menu-parent ul li a, .main_menu li.current-menu-ancestor ul li a {

    color: #a882bd; !important; /* default nav link color */

    }

    Thanks.

    #73964

    sorry, forgot to clear my cache, these CSS works fine for this!

    #73965

    Great! Glad that worked :)

    Regards,

    Devin

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

The topic ‘Main menu item should be hightlighted when on its child page’ is closed to new replies.