Make a responsive slider fit to image

Hi guys @vwis @mrstylist!

You can just reset slider configurations and set height: auto:

And just add your image with 16:9 ratio that will fit in the slider.

If you have different image sizes, and still want to keep the 16:9 ratio, you can set height: 56.27 vw and fit: cover.

The idea is to divide 100% width / 1.777 (16:9 ratio), so we have 56.27 vw on height.

I hope it helps you guys,
Cheers!

Eve Kayser

4 Likes