Slideshow image alignment between desktop and mobile view for Debut theme

My slideshow banners look different and the mobile view look cut out. I’ve tried solution provided by searching the community but nothing works. Pls help.
Website: www.perfectperucas.com

Hi @MrsFamz ,

Please send me the password. I will check it.

Hi @MrsFamz

Can you kindly let us know your store password? Then, we will check it and suggest you something.

I’ve removed the password.

Hi @MrsFamz ,

Please go to Actions > Edit code > Assets > theme.scss.liquid file and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
#shopify-section-2f49c7e4-2345-49a8-9c7a-d8c7268d05a9 .slideshow{
    height: 200px !important;
}
}

Hope it helps!

THANKS FOR THE HELP. BUT SOME ASPECTS ARE CUT OFF ON THE MOBILE VIEW. COULD YOU TAKE A SECOND LOOK FOR ME PLEASE?

Hi @MrsFamz ,

Please change code:

height: 200px !important;

=>

height: 150px !important;

THANK YOU SO MUCH THIS WORKED! SITE LOOKS GREAT NOW

1 Like