EDIT: Solved this with CSS. Thanks!
Hello! Loving zeroqode
My app is looking great on iPhone 8 (left) and other normal screen sizes, but the safe area is all messed up on iPhone X (right):
The content is bleeding into the area above my “fake navbar” that is part of my web app. And ocassionally, when scrolling up, the navbar moves up with the rest of the page.
Everything is working completely fine on the iPhone 8 though.
Basically, I just want to:
- Lock the the web app into place on the iPhone X, so the navbar doesn’t move around
- Cover up the upper area with a color to match my navbar. I’ve tried adding other interface elements in the storyboard to cover up that area, but nothing shows up when I run it in simulator.
Any help would be much appreciated!