Streaming live at 10am (PST)

Flexbox troubles in mobile


#1

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

92540f94b386e7ed038f63ace55a7baec.jpg" width="281" height="500">


Here is my public share link: https://preview.webflow.com/preview/chatbotim?preview=c09d3ff4005bb35408bb4b3354241ba5


#2

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: https://cl.ly/3W2F2q3T013A

I hope this helps!


#3

Hi @Brando

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

Sean


#4

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