Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 4, 2018 at 8:35 pm #1029670
    msutherin

    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?

    November 5, 2018 at 4:31 am #1029741
    Vinay

    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;
}

    Menu

    Best regards,
    Vinay

    November 5, 2018 at 6:49 pm #1029990
    msutherin

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

    November 5, 2018 at 7:24 pm #1030003
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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