How to resize slideshow in so it fits both mobile & PC? (Minimal Theme)

Highlighted
New Member
2 0 1

I use three slides in the Slideshow Section, all of them are 1500px x 600px.

It looks good on PC, but not good at all on mobile view, the slides will be cropped.

How can I do to make both side perfect? Thank you.

1 Like
Highlighted
Shopify Partner
6067 889 2045

Hello, @JaneRoo 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 1
0 Likes
Highlighted
Shopify Partner
6067 889 2045

@JaneRoo 

Thanks for url.

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: 768px) {
#flexslider--slider .slides__image, #flexslider--slider .slides svg {
    height: auto !important;
object-fit: contain;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes