Reply To: Active navigation change to a different colors

[Tom]

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 */
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development