Add image to header background on Dawn theme

[StickerWorth]

Hi, i've been trying to add an image to the background of my header and footer on Dawn theme. I have has success with this code (in Assets > base.css) but it only works on desktop and not in mobile. You can see my site here: www.stickerworth.com. I want mobile to look how it does on the desktop. Thanks for your help 🙏 

@media screen and (min-width: 900px) {
header.header {
background: url("https://cdn.shopify.com/s/files/1/0809/0727/2537/files/Pngtree_white_smoke_in_black_background_11676...") no-repeat;
background-size: 100%;
}
footer.footer {
background: url("https://cdn.shopify.com/s/files/1/0809/0727/2537/files/Logo_Background_5.png?v=1719358909") no-repeat;
background-size: 100%;
}

}

[Made4uo-Ribe]

Hi @StickerWorth 

It's password protected. 

[StickerWorth]

Hi, sorry the password is: gowrti

[Dan-From-Ryviu · Accepted solution]

Hi @StickerWorth 

Please update your code to this 

header.header {
background: url("https://cdn.shopify.com/s/files/1/0809/0727/2537/files/Pngtree_white_smoke_in_black_background_11676...") no-repeat;
background-size: 100%;
}
footer.footer {
background: url("https://cdn.shopify.com/s/files/1/0809/0727/2537/files/Logo_Background_5.png?v=1719358909") no-repeat;
background-size: 100%;
}

[StickerWorth]

This worked, thank you! I have marked as an accepted solution. Much appreciated 😊 

[blackclovecandl]

I am new to web design in general so i apologize if my question is a bit obvious, but i am also trying to upload a photo to my banner. I see the code you left.  Where do i find the "header.header" section, and how i do i change that to be a photo on my system. 

[Adaobichinenye]

hi thanks for your assistance. i used the CSS code you provided for my home page header section to upload a background image, it was successful but it didn't upload the entire image, just the upper part of the background image was uploaded to my home page header section. How can I fix this and ensure that the entire background image is uploaded to my home page header section. please reply. 

[nativeblendz]

Hi, this is great but only extends the width of the header not the width rather than the full width of the browser. How can I make it go full width of the browser? Thanks.