How can I resize slideshow images for mobile view?

[TristanCR]

Hello, I have been using the prestige theme and use a slideshow on top of my homepage. The images used for this slideshow are the same for desktop and mobile view, but they are too big for the mobile view. Is there a way I can resolve this, or do I need to take other pictures? Thank you!

[Kinjaldavra]

hello @TristanCR 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

[TristanCR]

www.northernlands.nl

[dmwwebartisan]

@TristanCR 

1. Go to Online Store->Theme->Edit code .

2. Asset->/theme.scss.liquid ->paste below code at the bottom of the file.

@media screen and (max-width: 640px){
 .Grid__Cell { width: 50%;}
}

Thanks!

[TristanCR]

The problem is not fixed, the images stay too big for the mobile view. Is there something else we can do? Thanks!

[dmwwebartisan]

@TristanCR 

1. Go to Online Store->Theme->Edit code .

2. Asset->/theme.scss.liquid ->paste below code at the bottom of the file.

@media screen and (max-width: 640px){
 .Grid__Cell { width: 50% !important;}
}

[Cathy1221]

Hello, 

I have a similar problem. The slideshow on my homepage for the prestige theme is way too big even I resized it. I couldn't find the "theme.scss.liquid" you mentioned in the edit code. my website is yuluk.co and my passcode is 1015. Thank you! 

[dmwwebartisan]

@Cathy1221 

You can try to add the code at the bottom of your assets/theme.css file. 

[Cathy1221]

Hello,

I just tried it but still doesn't work. Thank you!