html - Container height issue using flexslider 2 only on IOS device -


i have flexslider slideshow image , spot featured text. on full site starts image left , featured text area right (floated). both of these items in containing div black background.

when screen shrunk down have through media queries made image go on top , featured text area go below , both 100%. relative content below changes position based on amount of text in featured text area.

first example - tallest slide

the image below example of rotator text. can see image takes top part , green takes bottom. don't see background of container div because contents fill whole container.

example of rotator @ iphone size

second example - shorter slide

this example shows happening on iphone. other slides somehow still affecting height of container. matter of fact links still clickable in gray area though nothing visible.

second example

what causing issue? happens on iphone not in browser. on browser container resizes , content shifts based on height of green area, on ios takes height of largest slide in rotator though it's display: none. the container has height of auto , using overflow: hidden.

i never found solution flexslider working, switched using bxslider has adaptiveheight option.

http://bxslider.com


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -