Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1029670

    I see some posts about this, but they don’t seem to be quite what I need. I have the main header meny a purple color, and it turns yellow if you are on that page. Like HOME is in yellow if I am home, or if I am on support, SUPPORT turns yellow and HOME goes back to purple.

    I want the secondary menu above to act the same way. It is a purple background with white text. Say I am on ABOUT, which is in the secondary menu, I want the ABOUT to then be highlighted yellow when I am on that page. I am trying to avoid breadcrumbs.

    Any ideas?


    Hey msutherin,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    /* Topbar current menu */
    #top #header_meta li.current-menu-item  {
    	 background: purple;
    #top #header_meta li.current-menu-item a {
    	 color: gold;

    Best regards,


    Perfect! I updated the code to reflect the hex codes and it worked like a charm. Thanks so much!!!!!



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Secondary Menu Highlight’ is closed to new replies.