Background for logo and menu

My site:

I would like to add a background color to the div that encompasses the logo and the menu. I have found other topics concerning this and tried the CSS suggested, but nothing has changed. Currently, the logo and menu is on a transparent background, but turns to black when scrolling. I would like it to be on a semi-transparent orange background and when scrolling, it should turn to the solid color orange (#C36C58 - same color as the footer).

On mobile devices, the logo and menu icon are on a black background. I would also like to change that to orange.

I’m using a child theme. Can you help me do this?



Hi Jim,

Please try to add this to the styles.css file in your child theme:

.site-header {
    background-color: rgba(195, 108, 88, .5);
.site-header.float-header {
    background-color: rgba(195, 108, 88, 1);