Make header solid colour on hover

I want my header to go a solid colour when you hover over it (not the text the banner as below)

This is the CSS I've tried. When I inspect element and click hover it works. But not on the actual site. Does anyone have any modifications?

#header > div.header-announcement-bar-wrapper > div.header-dropshadow:hover {
    /* Your hover styles here */
    background-color: #FFFCF9; /* Example: Change background color on hover */
}

Thanks so so much!! that worked!

5 hours ago, LuciLily said:

Thanks so so much!! that worked!

Yay, glad that worked!