FROM CACHE - en_header

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)
Kinjaldavra
Shopify Partner
2302 569 1407

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
TristanCR
New Member
3 0 0
dmwwebartisan
Shopify Partner
11014 2378 3402

@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 | Click here GemPages The most powerful Shopify page builder.
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
11014 2378 3402

@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 | Click here GemPages The most powerful Shopify page builder.
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
11014 2378 3402

@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 | Click here GemPages The most powerful Shopify page builder.
Cathy1221
New Member
2 0 1

Hello,

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