Home Forums Exoplanet different highlight color in header menu? Reply To: different highlight color in header menu?

#1716
Andy
Keymaster

Hi, for the header menu hover color, add this in Customize > Additional CSS (changing the default color #b50b52 to your color choice)

.main-navigation a:hover,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
    color: #b50b52;
}

.menu > ul > li > a:hover:before,
.menu > ul > li.current_page_item > a:before,
.menu > ul > li.current-menu-item > a:before {
    background: #b50b52;
}

The ‘color’ variable is for the hover (and active/current page) text color, whereas the ‘background’ is the color of the block line above the menu items.