CMS Item Field Missing on Mobile, No CSS/Script Culprit (Possible iPhone issue?)

Design help General
1

When viewing the About Us webpage on desktop, inspecting with devtools, and/or resizing browser the Team Member name/title/bios are present, though when on an actual mobile phone (iPhone 14 Pro Max, Chrome, Firefox, Safari, incognito/inprivate) the summary/title/name do not appear. There does not appear to be any CSS impacting this. Additional testing was performed per the AI Chat Support, preview mode within the designer reflects the desktop experience, with no changes when moving between viewport sizes.

Sandbox Link

Edit: Clarity & links

2

Hi, on my phone (Pixel 4a, Android) it’s showing, if this is what you mean:

screenshot
screenshot1009Ă—2048 255 KB

3

IMG_4F6102DDDA98-1
IMG_4F6102DDDA98-11290Ă—2796 333 KB

That’s interesting as on the iPhone it is not appearing as you’ve shown, tested with Chrome, Firefox, and Safari.

4

Hmm super weird… Unfortunately with my knowledge I can’t give any suggestions, apart from maybe a weird caching problem or something? Or maybe it’s an accessibility setting on your phone?

I’m not aware of multiple browsers on an iPhone all showing a page different then Android and desktop…

5

Yeah, I’ve not seen this before either. Definitely odd. Thanks for confirming the Android devices appear normal though.

1 Like
6

I resolved the issue. It was due to element nesting, for whatever reason. Maybe this will help someone else in the future.

1 Like