I got an iPhone positioned absolute. On desktop and tablet it has a loading animation. I disabled this on mobile. It behaves correct on desktop and in the mobile view on Webflow it works as well. See here: Link.
On my actual phone, though, it bugs up and glitches around the screen when scrolling. In an erratic behaviour.
It could be that the OS on your iPhone 5S is not updated, try it on a different phones, like a newer version to see if it works. Or, you can download the chrome app on your iphone 5s and test it there. I hope this helps.
Even so, though, having a glitch messing up the site for all users who haven’t got the latest update isn’t sustainable huh? Can you replicate the error on the landing page?
@EmilVillumsen, I see the problems now. What you can do is to set the mobile div to position absolute instead of position fixed and test it again. Now, you will have to see what container you put mobile on to fit your design. Another thing to try could be hide mobile all together on mobile. Let me know if the first option works.
@EmilVillumsen, yes I understand it is part of your design, but you can hide the phone that is giving you problems on mobile, and replace it with a new simpler png positioned at the same position that your old phone is placed. Now I am talking about your mobile div, it is position fixed, and I didn’t look too close at your design, but I think that is what is causing the problem on cell phones, the phone picture follows your while scrolling. Maybe try to change that to position absolute. Good luck.