Flexslider Resize Issue

[dshakya]

Hi,

I am using a Flexslider element to display a timeseries chart. It does a good job of displaying it.The problem arise when I resize the window and make is SMALLER. The inline CSS style defines a height of the slider and as you go smaller the height remains and shows a gap under the slider in a section.

This DOES NOT happen when I make the window size bigger. The inline CSS modifies the Slider height to be a responsive element.

Please see here. https://rei.dwer.wa.gov.au/estuary/leschenault-estuary/estuary/water-quality/

[christian]

Hey Deepak,

Please try adding this code in Appearance > Theme Options > Global CSS.

.x-flexslider {
    height: auto !important;
}

Hope that helps.

[dshakya]

Thanks @christian_y! That has fixed the problem. Much appreciated.

[christian]

You’re welcome, Deepak.