Menu-font-color should change after scrolling down

Hi Guys,

im went until page 50 here in the forum and didnt find any solution.

My page starts with a transparent headerbackground. The font-color of the menu is black, which means thats not userfriendly. After scrolling down the headerbackground is white and the menu-font-color is black, which is good.

How i want it:
Before scrolling down–> Menu-Font-color should be white
After scrolling down --> The menu-font-color should be changing to black

Thank you so much in advance.

Attached a picture of the problem:

Screenshot 1

Hello there,

In order to achieve that objective, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.site-header:not(.float-header) #mainnav > li > a {
  color: #fff;