How can i add an image to my header? (debut theme)

Store Design
1

www.emotionaldebt.net is my website, i would like to add an image to my header section above my slide show. is this possible?

1 Like
2

@Emotionaldebt

yes you have add any image overlay section above slide show also if you remove black color header try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-header__mobile-nav {
    background: transparent;
}

.site-header.logo--center {
    background: transparent;
}
3

@Emotionaldebt - it is possible, will need to add background via css or add code in header file.

I recommend add code in header file.

4

Hi,

In your site right click is disable.

So, please on right click.

yes, it is possible to add image in header via css .

Thank you.

5

hey i want to add an image to the header area, instead of the black colored background i would like to replace that with an image, how could i paste that image in code?

1 Like
6

@Emotionaldebt

yes, please use this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-header{
   background: url(https://cdn.shopify.com/s/files/1/0448/6280/0035/t/4/assets/IMG_9053.JPG?v=1647279487);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
}
.site-header__mobile-nav {
    background: transparent;
}
7

thank you it worked, but since im using a landscape sized image, it is only useing the right side of the image, is there a way i can move it to the middle area and zoom out a little more?

www.emotionaldebt.net

1 Like
8

yes, please update code and image so i will check and guide you