Changing the nav font color when scrolling

Hi all,
I am trying to change the font color on the navigation bar when scrolling down the home page. Right now the navigation font color is really tough to see when you start to scroll down the page. Any thoughts on this?

Hello there,

Add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


.header-scrolled .main-navigation ul.menu > li > a {
  color: #ff0000;  
}  

To apply the code on your homepage only, use this code:


.home .header-scrolled .main-navigation ul.menu > li > a {
  color: #ff0000;  
}  

Regards,
Kharis

Hi Kharis,
Awesome this worked great. Thank you for sharing.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis