How can I fit an image into my Dawn theme header background?

Store Design
, , ,
1

Hey. Im trying to fit my dawn themed store header to image. I have followed instructions i have found but when i put image into the website, the size is messed up.. I have zero coding knoweledge and im getting frustrated getting this image into my header background.
Image url: https://gcdnb.pbrd.co/images/x5ak5SGIY85L.png?o=1

This is how image is now..

Screenshot 2023-09-27 165750.png
Screenshot 2023-09-27 165750.png1246×418 107 KB

2

https://loja.ibrath.com/

3

What’s your store url ?

4

https://9d2b2f.myshopify.com/

I just removed the image and all the changes i made previously. i only kept the search bar i made. Im considering other store provider if i cant make this shopify work.

5

I have previously put these codes in:
HTML Code for Image Background:


CSS Styles:
.header-with-background {
background-image: url(‘your-image-url’);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 200px; /* Adjust the height as needed */
}

6

upload the image again and write this css in your custom css section

.header {
background-size: contain;
background-repeat: no-repeat;
}

7

Screenshot_33.png
Screenshot_33.png1256×911 192 KB

8

Thank you very much Asad. But i think im going to buy a theme for my website. May i contact you again if i need any assist in the future?

9

Sure, you can contact me any time you need assistance.