Streaming live at 10am (PST)

Flex box issue with iOS in Mobile Landscape?

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?

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

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

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!

I guess like this:

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

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!

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.

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

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