Container Height Issue Using Flexslider 2 Only On Ios Device

I have a flexslider slideshow with an image and a spot for featured text. On the full site it starts with the image to the left and the featured text area to the right (floated). B

Solution 1:

I actually never found a solution to get flexslider working, so I switched to using the BXSlider which has an adaptiveHeight option.

http://bxslider.com

Solution 2:

To make this work in Flexslider, I had to set the height of the container in the 'after:' callback based on the height of the current 'active-flex-slide'.

Seems a bit of a hack to me though.

Might try BXslider for future projects...

Solution 3:

Here's MY SOLUTION, TESTED ON FLEXSLIDER 2.1 explained in other stackoverlow question(same stack posted by Peter Wooster but with my solution, lol!).

Hope it helps! ;)

https://stackoverflow.com/a/21491781/3259159