If you enable the “Adaptive Height” Setting in the backend. Your slider will automatically set it’s height according to the media that is displayed on a slide. The width is determined by the theme / editor settings. You can use Adaptive Height Sliders in Full Width, Wide, Regular and of course also in columns. Check out the live examples below.

If you do not want the page to jump when the slider height changes. Make sure to place the slider in a fixed height container.

Columns

A columns block with text on the left and adaptive height slider on the right, with the additional style of height: 100vh on the column.

woman in yellow tracksuit standing on basketball court side

woman in blue bralette holding sunglasses putting on her eyes

woman in pink floral dress holding black sunglasses

person holding plastic while standing on wall

With fade animation

Instead of sliding, this image slider fades the images and also adapts its height to the height of the displayed images. Just as you like it. On Tablet and Mobile, adaptive height is disabled in this example other than in the one above.

Coverflow Effect

With multiple slides per view and always the correct height for the displayed images? Yes we can! (watch the dot progress position at the bottom)

In other words. You name the amount of slides you want to see and all images are automatically adjusted in their height to fit that fixed width.

woman standing beside LED signage

woman wearing eyeglasses

selective focus photo of woman blowing gum standing in front of turned-on neon signage

blue and pink neon light signage

tall palm tree

green and brown tree during daytime

silhouette photography of palm trees

low angle photo of coconut trees beside body of water

woman in yellow tracksuit standing on basketball court side

photo of woman holding white and black paper bags

posing woman in white sleeveless top

woman in pink floral dress holding black sunglasses

woman in blue bralette holding sunglasses putting on her eyes