how to make slider mobile friendly

Highlighted
Excursionist
38 0 3

im having 3 slider images of height 1520x500 on turbo theme , its looking good on desktop but on mobile im having alot of blank space , how can i make slider mobile fit , " Red arrow indicates blank space"

 

mobile.png

0 Likes
Highlighted
Shopify Expert
665 170 201

Hi, @rads091 ,

This is Evita from On The Map.

 

Can you add your store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
1 0 0

Having so much trouble with slider not being responsive 

Cant find custom code to help?

 

www.salteesociety.com

0 Likes
Highlighted

Hello ,

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

@media screen and (max-width: 1200px) {
.slick-list .hero-item {
	height: calc(100vh - 800px);
}
}
@media screen and (max-width: 991px) {
.slick-list .hero-item {
	height: auto !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