I need my menu fonts to work properly. When I scroll down, the color changes to the hover font color #f8d708 and does not remain the menu font color #fcf0e3

And, the menu font is not changing color on hover to #f8d708

The header does not change size and this is the CSS for that is:

body #header-outer[data-transparent-header="true"].transparent {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
html body div#header-outer[data-transparent-header="true"] {
    background-color: rgba(0, 0, 0, 0.6)!important;
}

This is on a localhost server. 

This is working now