Add image to header background on Dawn theme

Solved

Add image to header background on Dawn theme

StickerWorth
Tourist
6 0 1

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%;
}

}

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8390 1651 1665

This is an 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%;
}

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
6827 1630 2009

Hi @StickerWorth 

It's password protected. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
StickerWorth
Tourist
6 0 1

Hi, sorry the password is: gowrti

Dan-From-Ryviu
Shopify Partner
8390 1651 1665

This is an 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%;
}

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

StickerWorth
Tourist
6 0 1

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