How to Make Header Background Image Full Width on Debut?

[PickleKing]

Hi,

I'm trying to add an image background to my header.
Preview URL: https://7b1mgv8h27wd8ehw-53754724549.shopifypreview.com

So far, it looks like this:

If I put in some code to stop the image repeating, it looks like this:

This is the code I am currently using to make the header have a background image:

/*==CHANGE HEADER BACKGROUND COLOR==*/
.site-header__mobile-nav,.site-header{ background-color: transparent; background-image: url("https://cdn.shopify.com/s/files/1/0537/5472/4549/files/header_bg_13-01.png?v=1614440706")}

I would like to make the image the whole width of the page, for every page on my website. Is this possible?

If you can help me with the code that would be very much appreciated. Thank you. 

[suyash1 · Accepted solution]

@PickleKing - add this to the very end of theme.css file, this should do it

@media only screen and (min-width: 750px){

.site-header { padding: 0;}

}

[PickleKing]

Wow thank you SO much! It works!
I have been trying to do this for hours! You are an absolute coding legend!

Many thanks!

[suyash1]

@PickleKing - welcome