Slideshows

Solved
Mavidals
Excursionist
12 1 1

Hey my slideshow images are perfect on mobile but lose quality on desktop because they are cropped to fit, is there a way to fix this that they show like on mobile? or is there at least a way to make the quality look better

Mavidals.com

0 Likes
.bgset {
    background-size: 100% 100%;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

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
Mavidals
Excursionist
12 1 1

Is there a way to do it without the image looking stretched?

0 Likes

This is an accepted solution.

@media only screen and(min-width:769px){
.bgset {
    background-size: 100% 100%;
    height: 200vh;
}
}

Please Try this code, If this not work, then let me know !

have a nice day !

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
Mavidals
Excursionist
12 1 1

Thank you

https://vimeo.com/581611734 Aside from it looking stretched, this was perfect

https://vimeo.com/581611801 Second code didn't work, it also changed the collection images

0 Likes

oscprofessional_0-1627804954604.png

do you want like this?

 

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
0 Likes
Mavidals
Excursionist
12 1 1

Yes

0 Likes

@Mavidals ,

your issue is solved or not ?

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
0 Likes