Changing the white block behind my logo in the header

Store Design
1

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:

Screen Shot 2021-11-10 at 10.00.27 AM.png
Screen Shot 2021-11-10 at 10.00.27 AM.png1428×682 175 KB

Your help is much appreciated.

2

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

3

Sorry about that.

www.packedusa.com

Password: PackedUSA

4

Try adding this code to the bottom of theme.css

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

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?