FROM CACHE - en_header

Slideshow cropping on mobile - Minimal Theme

New Member
2 0 0



We have a slideshow at the top of our homepage -


Working fine on desktop but cropping on mobile unfortunately, resulting in part of images being cut off. 


Really hoping somebody might be able to assist. 


Thanks very much

Replies 5 (5)
Shopify Partner
3557 531 1873

Hi @BrianNolan19, please switch to mobile layout then change the Slide height to Adapt to first slide, as long as all the slide images have the same size, they will display well.

CheersScreen Shot 2020-01-15 at 8.24.31 PM.png


If you find it helpful, please let me know by giving it a like or marking it as a solution.

PageFly- Advanced Shopify Page Builder - Empowering 100.000+ active merchants.

Check out our Ecommerce Website Design ideas for 2022. 

Learn the quintessential strategy to bring your store online with An Evergreen Guide.

New Member
2 0 0

Thanks very much for coming back to me. I don't see any option to change
the slide height to adapt to first slide? Maybe I'm missing something
Shopify Partner
12490 1931 2478

Hello @BrianNolan19,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media(max-width: 767px){
#flexslider--slider .slides__image-test,
	#flexslider--slider .slides__video {
		padding-top: 62% !important;
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
New Member
1 0 0

Thank you so much! Turns out it is so easy to fix the problem that bothered me for so long.

12 0 3

Hello @oscprofessional ,


Thanks for the code. But unfortunately it is not working for Broadcast theme.


Here is my website, how can apply the solution to my slideshow.

Thanks for your help!