debut theme - banners are not responsive for mobile

Motag · ‎03-16-2022

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?

KetanKumar · ‎03-16-2022

@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;
}
}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar · ‎03-16-2022

@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;
}
}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Motag · ‎03-17-2022

amazing it worked! thank you so much sir.

KetanKumar · ‎03-17-2022

@Motag

its my pleasure to help

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

G_B · ‎11-24-2024

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!

debut theme - banners are not responsive for mobile

debut theme - banners are not responsive for mobile

Community Blog Articles