Image background in d-header

[Garrick]

How would the proper way to add this be? Simple way with css to use the image?

[Don]

Hi Garrick,

This is very dependent the used image. You can use simple css code target .d-header class.

Create a new component on /admin/customize/themes and paste in common (both desktop and mobile) css section or where you want to prefer use the background image desktop or mobile.

.d-header {
  background: url(your image url);
  background-repeat: no-repeat;
  background-size: cover;
}

Example

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

Will looks like this

More info about background property

background

I hope this is helpful

[Garrick]

@Don

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

Thank you Don! Just how I needed it.