Fixed navbar doesn't work properly?

Question

I'm newbie to blogger. I got a 3rd-party template and made changes to the navibar on the main homepage that when scroll its color changes to blue and links to White.

But on Posts Page the color of the links on Scroll don't change. I mean, When you scroll, the navibar links don't change to white as the main homepage, why ? I tried to change the color of links of the fixed navibar{on posts page} but it doesn't apply at all.

Here is the code of the links that i want it to change to white while scrolling down:

.item .menu-secondary li a, 
.static_page .menu-secondary li a {
            color: #484848;

Answer 1

Try this

.fixed-nav {
    width: 100%;
    z-index: 999999;
    position: fixed;
    background: white!important;
    transition: all 1s ease;
}

Answer 2

Add this to your custom css in customizer.

.item header .logo h1 a, .static_page header .logo h1 a {
    color: #FFF;
}

.item .menu-secondary li a, .static_page .menu-secondary li a {
    color: #FFF;
}

For more RGBA colours you can click here

Answer 3

Try this

.item #navbar:not(.fixed-nav) .menu-secondary li a, 
.static_page #navbar:not(.fixed-nav) .menu-secondary li a {
    color: #484848;
}