Header Background image Is cut off regardless of resizing

[Kai47]

As you can see below the image is not displaying completed. 

This is the custom code used to insert the image.

.header {
  background-image: url(https://cdn.shopify.com/s/files/1/0814/0282/2984/files/header1.png?v=1710226490);
}
@media (min-width: 990px) {
  .header {
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 100%;
    padding-left: 3px;
    padding-right: 3px;
  }
}

[ThePrimeWeb]

Hey @Kai47

Can you share the link to your store please? Thanks!

And password if any or you can remove the password temporarily

[devcoders · Accepted solution]

Hi @Kai47 

Try this code.

.header {
  background-image: url(https://cdn.shopify.com/s/files/1/0814/0282/2984/files/header1.png?v=1710226490);
  background-size: cover; /* or background-size: contain; */
}
@media (min-width: 990px) {
  .header {
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 100%;
    padding-left: 3px;
    padding-right: 3px;
  }
}

[Kai47]

THANK YOU SO MUCH!. Works like a charm

[devcoders]

Hi @Kai47 

You're welcome! I'm glad to hear that it worked like a charm for you! If you have any more questions or need further assistance, feel free to ask.