Active navigation chage to a different color

Hi tora0515,

To change the color of active navigation you have to add

#navigation ul li.active a{
   color: color-of-your-choice;
}

To insert your css code you can either use custom css plugin or create a child theme and write css codes on its style.css file. Do not overwrite or write codes on your theme because they are removed on theme update.

Thanks

Thanks for getting back to me so quickly.

I don’t think I described it correctly because this does not work:

#navigation ul li.active a {
color: #01346D;
}

What I am after is like the menu here:

https://www.melbourneactuary.com/

The active page’s menu li is a different color from the rest of the menu li.

a link to the test site if it helps…(ignore the stupid add pop up)

https://melbourneactuary.net63.net/

Thanks again for taking a look.

Sorry I was wrong. Please use following code

#navigation li.current_page_item a{
	color: color-of-your-choice;
  	background: color-of-your-choice;
}

Hope this works..

Awesome, thanks,it just about does it.

When I navigate to a sub-menu li page, how can I have the main menu’s li act the same way for each of the sub-menu pages I browse to?

You should just be able to add the .current_page_parent class to @sampression’s original:

#navigation li.current_page_item a,
#navigation li.current_page_parent a {
	color: color-of-your-choice;
  	background: color-of-your-choice;
}