Make Image Slideshow responsive on mobile | Savor Theme

Technical Q&A
, , ,
1

Screenshot 2025-10-10 121046
Screenshot 2025-10-10 1210461920×558 56.4 KB

On heros, it looks correct

Could I get some help on this? Thanks

Savor theme.

2

oh i see what you mean, the section looks correct on mobile but not on desktop. this could be caused by how the slideshow or image is scaling for different screen sizes

3

Hi @lisbotech25

I think this issue can be solved by adjusting the image size specifically for both mobile and desktop, you should be able to do so in the theme editor. If you’re enable to, let me know so i can explain how you can do so.

4

HI @lisbotech25

You can try to add this to the Slider Custom CSS block

@media screen and (max-width: 749px) {
    slideshow-slides[size=small] {
        min-height: 10.5rem;
    }

    .slide__image-container>.slide__image, .slide__image-container>.slide__video, .slide__image-container>.slide__video-poster {
        object-fit: contain;
        object-position: center center;
    }
}

It is a bit difficult because images have text, and the theme does not have an option to upload a separate image for mobile, I think.

5

This worked, thank you so much.

Thanks to everyone else aswell.

1 Like