Changing the white block behind my logo in the header

I have been struggling to change the white rectangular block behind my logo. I am trying to apply a Christmas theme to my store and I was able to change the background of the entire page and add a background image into the header but the white block stayed no matter which code I used. I am not trying to change the color of it, but trying to make it either transparent or add a picture into it.

Here is a screenshot of what it looks like:

Your help is much appreciated.

Please consider adding a URL and front page password so that others can review the html/css.

Sorry about that.

www.packedusa.com

Password: PackedUSA

Try adding this code to the bottom of theme.css

.site-header__mobile-nav{
background-color: transparent;
}
1 Like

Awesome! That worked very well.

One more question. If instead of having it transparent I would want a picture there would I just replace the background color to background picture?