[FIXED] Cordova iOS Statusbar StatusBarOverlaysWebView padding top


My goal is to make my app on full screen and for this purpose I use two functions:


This is work for Android OS but on iPhone I have a body margin equals to status bar height. I don’t understand why, it’s looks like:

enter image description here

(Orange is margin equals to statusbar height and violet is the body content)

I know It’s possible to make full screen because I have an other Ionic app with Cordova and when I hide status bar my app start at top of phone.

In my css I have margin and padding at 0.
I know the overlay is well taken into account because my body with 100vh outrun height of screen just my body dosn’t start à top of screen.


For solved it use
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Answered By – Jordan Azoulay

Answer Checked By – Timothy Miller (FixeMe Admin)

Leave a Reply

Your email address will not be published. Required fields are marked *