How can I adjust my Debut theme banner to resize automatically on different devices?

Store Design
1

Hello,

I’m hoping that someone can help please.

I have a banner at the top of the page which is visually perfect on a mobile phone but it is cropping on deskstop. Please can you advise how I can allow it to automatically resize depending on device - this is Debut theme.

Website - www.pawfectbossboutique.co.uk

Password - 2910Boss

Thanks

2

@Hwalker92

sorry for that issue

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (min-width: 750px) {
#shopify-section-16168663429d85db4b .image-bar__item {
    background-size: contain;
    background-color: #ffa0b5;
}
}
3

hello @Hwalker92

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
#shopify-section-16168663429d85db4b .image-bar__item {
    background-size: contain;
    background-color: #ffa0b5;
}
}