Dropdown Menu Highlighting Issue

  • IkeGordon

    (@ikegordon)


    11 years, 5 months ago

    I’m still trying to figure out this issue with my drop down menu for this site. http://0364e38.netsolhost.com/wordpress1/

    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 ul.menu li ul li.current-menu-item a,
    #header ul.nav li ul li.current_page_item a,
    #header ul.menu li ul li.current_page_item a {
    color: #165B94;
    }

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

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

    #header ul.nav li ul li a:link,
    #header ul.menu li ul li a:link {
    color:#fff;
    }

    Can someone help?

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months ago

    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.