debut theme - banners are not responsive for mobile

Site https://www.motag.com

The banners are full width on desktop from one end of the screen to the other. However, the Debut theme is not responsive; the images don’t scale to size to fit mobile view. I’ve seen solutions for this but it does not work for the current Debut theme code.

On desktop

and on mobile

May someone help me with this please?

1 Like

@Motag

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.slideshow--medium {
    height: 130px;
}
.hero--medium {
    height: 115px;
}
}
1 Like

amazing it worked! thank you so much sir.

1 Like

@Motag

its my pleasure to help

1 Like

Hi,

i am having the same problem with my banner (Theglambassadors.com), I’ve tried the suggested code but it isn’t t accepting it. It’s just displaying the code at the bottom of my site as text. My theme is debut. Any suggestions I can try please?
thank you!