How can I alter the header background image on my homepage?

Store Design
1

id like to insert an image that i am using for the cart checkout, but i dont see where i can use it behind my homepage header? do i have to code it in?

as you can see in my second photo, i am able to use the image for the checkout page. but i am unable to do the same for the home page. thank you in advance for helping!

meltingamethyst.net

Screen Shot 2022-07-10 at 10.01.19 PM.png
Screen Shot 2022-07-10 at 10.01.19 PM.png3584×2240 679 KB

Screen Shot 2022-07-10 at 10.01.34 PM.png
Screen Shot 2022-07-10 at 10.01.34 PM.png3584×2240 562 KB

2

Hi,

Please share store URL.

Do you need the background for mobile only.

Thanks

3

www.meltingamethyst.net

yes for mobile

4

Add below CSS in base.css file

@media screen and (max-width: 749px){
.header-wrapper {
    background-image: url(https://cdn.shopify.com/s/files/1/0564/8262/7632/files/meltingamethystanime.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

}

Hit Like and Accept as Solution