Support » Themes and Templates » Dropdown Menu Highlighting Issue

  • I’m still trying to figure out this issue with my drop down menu for this site.

    I would like the parent page along with the current page to highlight blue depending on what page is active. I’ve been able to create code so that the current and the parent from the main nav highlight blue, but have been unsuccessful in getting the second level subnav parent to highlight without highlighting my entire 3rd level list of pages.

    Here’s my code.

    #header ul.nav li ul li.current-menu-item a,
    #header li ul li.current-menu-item a,
    #header ul.nav li ul li.current_page_item a,
    #header li ul li.current_page_item a {
    color: #165B94;

    #header ul.nav li.current-menu-ancestor a,
    #header li.current-menu-ancestor a,
    #header ul.nav li.current-menu-parent a,
    #header li.current-menu-parent a,
    #header ul.nav li.current_page_parent a,
    #header li.current_page_parent a,
    #header ul.nav li.current_page_ancestor a,
    #header li.current_page_ancestor a {
    color: #165B94;

    #header ul.nav li ul li.current-menu-ancestor a,
    #header li ul li.current-menu-ancestor a,
    #header ul.nav li ul li.current-menu-parent a,
    #header li ul li.current-menu-parent a,
    #header ul.nav li ul li.current_page_parent a,
    #header li ul li.current_page_parent a,
    #header ul.nav li ul li.current_page_ancestor a,
    #header li ul li.current_page_ancestor a {
    color: #165B94;

    #header ul.nav li ul li a:link,
    #header li ul li a:link {

    Can someone help?

Viewing 1 replies (of 1 total)
  • Moderator Andrew Nevins


    Front-end developer

    Try to avoid modifying the theme’s files as any changes you make will erase once you update the theme.

    If you want to add CSS, do so through a Child Theme stylesheet or a Custom CSS plugin.

    This should resolve the issue.

Viewing 1 replies (of 1 total)
  • The topic ‘Dropdown Menu Highlighting Issue’ is closed to new replies.