Hello,
I’ve created a swiper
https://kalimeraholidays.com/vlastos-eng.html
and I can’t make it smaller.
I would like it to be max-height: 50vh on desktop and bigger resolutions.
It’s nested directly in a column.
I tried editing properties of column and swiper in app structure properties also I played with custom css but the solution still escapes me.
I would really appreciate help with that.
Thanks and all the best,
Ari
Hello, your swiper height is automatically determined by its contents height.
In your case that’s depending on images aspect ratio. So the width of the swiper is 100% of the column it is nested in, and height will be whatever the height of image (depending on its apect ratio) is.
Not sure what are you trying to achieve? How do you expect your swiper to be max 50vh - how should its width be then set? What should happen with the images inside - how do you expect them to be handled?