Reply To: Active navigation change to a different colors

Home Forums Support Active navigation change to a different colors Reply To: Active navigation change to a different colors

#165799
Tom
Lead Developer
Lead Developer

Hi Julia,

The best and easiest way is to use the Colors add-on – it lets you do this all through the customizer.

Otherwise, you can use the current-menu-item class:

.main-navigation .main-nav ul li.current-menu-item a {
      background-color: yellow; /* or use a hex code to be more specific */
      color: #000000; /* this is the text color */
}