Image on mobile view is too big

TristanCR
New Member
3 0 0

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!

Replies 8 (8)
Natztech
Shopify Partner
2237 565 1373

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.

dmwwebartisan
Shopify Partner
9824 2236 3073

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
TristanCR
New Member
3 0 0

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

dmwwebartisan
Shopify Partner
9824 2236 3073

@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;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Cathy1221
New Member
2 0 1

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
Shopify Partner
9824 2236 3073

@Cathy1221 

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Cathy1221
New Member
2 0 1

Hello,

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