Wrong Navigation Button Color

Hi there,

I'm not sure if I understand.

What color should the buttons be when it's in static mode?

You also have some problems with the CSS code added:
https://www.screencast.com/t/FlHs3p9p

Let me know :)

I want the text on the button to always be white, the background is correct. There is an error with padding because I intentionally set it to 0 (because increasing it doesn't give the desired result)

In your CSS, try replacing this:

.main-navigation .main-nav ul li.nav-button a

With this:

#site-navigation .main-nav ul li.nav-button a

Let me know :)

That, unfortunately, doesn't work either, the button disappears when scrolling down.

I'm still seeing the old CSS added.

can you double check?

Looks like you have caching plugin enabled.

I removed the new code provided because it was not working

I readded the new ccs code for you to see that it's not working properly

Try adding this as well:

.header-wrap #site-navigation:not(.toggled) .main-nav>ul>li.nav-button>a {
    color: #ffffff;
}

That basically inverts my problem, now the button has white text in the nav menu before scrolling down and is still completely missing after scrolling down

Change the original selector back to:
.main-navigation .main-nav ul li.nav-button a

🙏 finally working; I also just tested out and remembered that margin was "adding space from the outside" so I changed the code from

    .main-navigation .main-nav ul li.nav-button a {
        background-color: #c06040;
        border: 0px solid #000000;
        padding-right: 10px;
        color: #ffffff;
        line-height: 35px; /*this number will likely need to be adjusted*/
    }
}

to

    .main-navigation .main-nav ul li.nav-button a {
        background-color: #c06040;
        border: 0px solid #000000;
        margin-right: 10px;
        color: #ffffff;
        line-height: 35px; /*this number will likely need to be adjusted*/
    }
}

Awesome :)