Flexbox troubles in mobile

Hi,
I have designed my website and everything looks good on the webflow editor (desktop and mobile), yet when I open the site on my iphone I see that some of the places where I used Flexbox don’t act as they do in the editor and overlap.
My site is duo lingual and has Hebrew and English pages which should be exactly the same. The problem happens only in the English → “Features” page and at the bottom of the Home page.

I’d be happy to hear some thoughts on how to fix solving this problem.
Thanks,
Sean

<img src=“/uploads/webflow1/original/3X/e/8/e8d359492540f94b386e7ed038f63ace55a7baec.jpg” width=“281” height=“500”>


Here is my public share link: Webflow - Chatbotim

Hi @seanroisentul

Thanks so much for posting.

If you set your flex child settings to expand on feature column and feature block elements mobile will appear as expected.

GIF showing this: Screen Recording 2017-05-15...

I hope this helps!

Hi @Brando

Thank you very much for the quick reply!
Your solution works perfectly, Thanks again:)

Sean

1 Like

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