Display Issues with Apple Devices

[Stratagem]

Hi there,

I’m having issues with the way my website is being displayed on Apple devices, especially mobile devices.

I have no idea what’s causing this so wondered if someone could help?

The left shows the iphone screen shots vs android screen shots.

---

Here is my public share link: LINK
(how to access public share link)

[coolest_vlad (Vlad Radchenko)]

Cant help you unless you post your Webflow Share Link.

Please see below how you could do that:

Share a read-only link | Webflow University

[Stratagem]

Hi there,

Thanks for responding to this. Here is my share link https://preview.webflow.com/preview/krmmalik?preview=ae72076805fccdfd23e6209bcbe35575.

Thanks again,

Ramiz

[russellspencer]

I’ve also had the same thing; website not looking right on IOS.

[Stratagem]

@VladimirVitaliyevich - Hi there, I’m not sure if you missed my last post here is the link to the share link https://preview.webflow.com/preview/krmmalik?preview=ae72076805fccdfd23e6209bcbe35575.

Any help would be highly appreciated, I’m still baffled as to how I fix this

[coolest_vlad (Vlad Radchenko)]

Hey @Stratagem @russellspencer

Can you please tell me your version of iOS and iPhone model?

On my iPhone all seems well.

[russellspencer]

Hi, iPhone 5 and ios 10.1.1.

I’ve noticed some issues on non-Webflow sites also, I don’t think the problem is with Webflow.

[McGuire]

@Stratagem, did you ever figure this out? Switching your SS Child class to Expand (under Flex Child Settings) will fix the overlapping content that we’re seeing in your screenshots.

Edit: It seems that Mobile Landscape is when this starts to break down (the flex layout switches direction to Column instead of Row), so applying this fix to Mobile Landscape will also cascade down to Mobile Portrait.

[Stratagem]

Hi Guys,

Thanks for your suggestions. What fixed it was the changing the class to Expand as per @McGuire’s advice. Thank you so much for helping me fix this I’ll remember this for future website builds!