Slideshow cropping on mobile - Minimal Theme

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

0 Likes

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

 

Victor | CRO addict @ PageFly
- If you think my reply is helpful, click 'Like' to let me know!
- Are you building Shopify stores? Check out PageFly - An Advanced Page Builder trusted by non-techies and pro web designers.
- Do you want a 50% Discount on any PageFly plan? Check out this survey.
0 Likes
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
0 Likes

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;
	}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes