Streaming live at 10am (PST)

Flex box issue with iOS in Mobile Landscape?


#1

I created a flex box with a container with 2 columns inside. Left column has text, right column is a picture.
On my iPhone 6S in landscape mode only the picture is shown.

Any ideas?


#2

@Sibir, did you use a container or a div? Containers have default settings that might overrule your flexbox.


#3

I used a div block as the flex parent and a container inside as the flex child.
Inside the container are the columns.


#4

Hi @sibir, could you help to share the link to the site in design mode? http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link

That will help to check out the styling :slight_smile:

Thanks in advance!


#5

I guess like this:

https://preview.webflow.com/preview/js-design?preview=9f3274c36a5d0644b3ccc08181fb34c6


#6

Hi @sibir, it looks like there is a 100vh on the flex-parent in mobile landscape that is causing the content to display strangely.

I would try to change the 100vh on mobile lanscape and lower to Auto.

I hope this helps!


#7

Thank you, that makes all elements appear.
But why do the elements not shrink until they fit? I have the minimum size at 0 px.


#8

Hi @sibir, if you mean flex-basis, iOS does not always respect that if there is some other prestyled elements being used, i.e. the column widget or container


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.