Slideshow cropping on mobile - Minimal Theme

BrianNolan19
New Member
2 0 0

Hi!

 

We have a slideshow at the top of our homepage - www.nobo.ie

 

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)
PageFly
Shopify Partner
1936 268 1424

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

 

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

Check our Evergreen List of Best Platforms To Sell Online.

BrianNolan19
New Member
2 0 0
HI!

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
oscprofessional
Shopify Partner
9161 1561 1925

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;
	}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
randatyy
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.

berokarabay
Tourist
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!