Problems with menu colors

Hi, I’m creating a sticky menu and I’ve added some codes that I’ve seen on forums. On the main page it works fine, because I want the letters to be white (and when I scroll, the background is white and the letters are black).

On the other hand, after creating another page and the letters are black (when scrolling, it works fine).

How can I make them white?

This is the code that I used:

body .whb-sticked .whb-general-header {
background-color: white;
min-height: 65px;
padding-top: 20px;
padding-bottom: 20px;
}

.home .whb-general-header .wd-nav.wd-nav-main > li > a, .home .whb-general-header .wd-tools-icon:before {
    color: white;
}

.home .whb-general-header .wd-nav.wd-nav-main a.woodmart-nav-link::after{
	color:white;
}

.home .whb-sticked .whb-general-header .wd-nav.wd-nav-main > li > a, .home .whb-sticked .whb-general-header .wd-tools-icon:before {
color: black;
}

.home .whb-sticked .whb-general-header .wd-nav.wd-nav-main a.woodmart-nav-link::after{
	color: black;
}