How does resizing work in Smart Slider 3?

Smart Slider 3's scaling was optimized to ensure that your content stays on the slide without being cropped.

Image slider

The image sliders which have the Boxed and Full width layout scale down based on the set slider size.

Downscaling

The slider downscales with the ratio set by the set Slider size. E.g. the 1000x500px slider will be 300x150px inside a 300px wide container.

Upscaling

If the Limit slide width is turned on, then the set slider height will stay, but the width of the slider matches the width of the container. E.g. if the slider is 1000x500px, and it's inside a 1920px container, then it will have 1920x500px height.

If the Limit slide width is turned off, then the slider scales up width the ratio set by the slider size. E.g. a 1000x500px will have 1920x960px size inside a 1920px wide container.

Content slider

The basic up- and downscaling of the Content sliders matches the Image slider's. The main difference is, that when Default positioned layers are used, they can make the slider taller, even if that means changing the slider ratio.

For example, a 1000x500px slider would be 300x150px inside a 300px wide container. But if your content on at least one slide needs more space than 150px (for example, if you have many layers, or just a few but with long texts), then it will make the slider taller.

1000x500px slide on mobile without any layers	1000x500px slide on mobile with layers, which need more space

How to make the slider less tall on mobile? Learn the available causes in the Why is the slider so tall on mobile? article.