Issue with Mobile Layout Overflow on iPhone 13 in Chrome

·

Hi all, I have a problem with Layout 241. On my mobile (iPhone 13, Chrome), the boxes seem to overflow. I couldn't emulate it using the desktop browser, but it keeps happening on mobile. Here's the code: https://preview.webflow.com/preview/fractional-partners?utm_medium=preview_link&utm_so[…]b4d8097980&pageId=662e75a759eba71928b8b076&workflow=preview Would love some help!

22 comments

Yarin G.
·
Matt J. You were so helpful last time! Would love your help with this one as well!
Matt J.
·
Yarin G. did you happen to get this resolved? Kind of looks like it. If its only happening on the published version of the site, I'll need the published URL to test it out as well.
Yarin G.
·
Hi Matt J.
Yarin G.
·
Not resolved… It’s in the staging as well https://fractional-partners.webflow.io/business-optimization-program
Yarin G.
·
Only visible on mobile
Matt J.
·
Yarin G. can you try switching this class from grid to flex and publishing?
Yarin G.
·
🙌1
Matt J.
·
well make sure to have it vertical, not horizontal
Matt J.
·
Yarin G.
·
Yeah - that's not it
Yarin G.
·
Because when I do, they all become listed
Yarin G.
·
I'll show you
Yarin G.
·
Matt J.
·
well right now its in the wrong orientation, and I just need it published and I can refresh
Matt J.
·
hmm you are on the desktop break point sorry, I should have down a much bigger screenshot
Matt J.
·
Yarin G.
·
Moving to "flex" fixed the mobile problem, but it changed the desktop version
Yarin G.
·
Should I only apply it tonthe mobile version?
Yarin G.
·
Ok - I applied it just for mobile, and that worked
Yarin G.
·
Not sure what the difference between grid and flex is, but thank you for your help!
Matt J.
·
yeah, on the surface it doesn't seem like they are a big difference but under the hood they are a huge difference between the two and so I am not too surprised that it wasn't rendering too well on mobile using grid.
Yarin G.
·
🔥🙏
💪1