Changing the white block behind my logo in the header.

[PackedUSA]

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.

[Nick_Marketing]

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

[PackedUSA]

Sorry about that.

www.packedusa.com

Password: PackedUSA

[Nick_Marketing · Accepted solution]

Try adding this code to the bottom of theme.css

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

[PackedUSA]

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?