Slideshow image alignment between desktop and mobile view for Debut theme

Store Design
,
1

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

2

Hi @MrsFamz ,

Please send me the password. I will check it.

3

Hi @MrsFamz

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

4

I’ve removed the password.

5

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!

6

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

7

Hi @MrsFamz ,

Please change code:

height: 200px !important;

=>

height: 150px !important;
8

THANK YOU SO MUCH THIS WORKED! SITE LOOKS GREAT NOW

1 Like