How can i remove bx-viewport specified height

[Nur-jaman]

In desktop or large screen view, bxslider looks great but in mobile view it's creating a white space underneath of some images(not in every images). when i inspect element via Browserstack i can see bx-viewport defied a specific height for container it's really frustrating :(
Here is the live link http://69.195.124.106/~manosoph/curiousbookco/services/

@stevenwanderski @bsthomsen @pborreli @gavinblair @idflood @jzelenkov Please help me how can i remove this. only for that i can't host my site in live

Many thanks in advance

[sn3ka]

Hi, CSS ? .bx-viewport { height: auto !important; }

[layonthebeech]

did you figure this out? I'm having the same issue.

[Nasirkhan-259]

What if you have three sliders in one page then this will not work for all the three because your three different sliders may not be of the same height. I am also looking for the solution but didn't find a suitable solution yet.

[matheen821]

use adaptiveHeight, it will solve the auto height issue. adaptiveHeight: true,

[ShahrukhAliLodhi]

you can control the white space by doing of the img{ width=100%; height=100% }