WordPress.org

Ready to get started?Download WordPress

Forums

Dropdown Menu Highlighting Issue (2 posts)

  1. IkeGordon
    Member
    Posted 1 year 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?

  2. Andrew
    Forum Moderator
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Topic