Using the ionic CLI and ionic start project then cordova platform add cordova emulate ios osx 10.9 I get the following problem with the nav bar under the status bar http://imgur.com/vTvtZRi

This is what I have in my <head> in index.html. <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>Hello World</title> <link href="vendor/ionic/css/ionic.css" rel="stylesheet"> <link href="vendor/font-aweso…

Close! Oddly enough the only ordering that worked for me was this  <script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script> <script src="cordova.js"></script>  <script src="js/accounting.min…

I’m facing the same issue and I can’t seem to figure how to fix it =/. Device plugin is added, I’m not using google map, as you can see on the screenshots, the bar in the side menu is ok (in a modal too). I see the nav bar of the main view moving up less than a second after application starts. An…

I get this seemingly randomly as well, despite trying all the solutions in the thread.

Look in plugins/ios.json and find StatusBarOverlaysWebView – make it false

Well, this is two months old but if anyone is facing the same problem and the html for that bar looks like this: <ion-nav-bar class="bar-header"> ... </ion-nav-bar> Remove bar-header and it will solve that extra margin.

You could also set a preference in config.xml: <preference name="StatusBarOverlaysWebView" value="false"/>

I have tried every remedy in this thread, and my navbar still overlaps the status bar, but only on the iPhone 5c.

Does manually adding platform-cordova and platform-ios classes to the body do anything?

Navbar is under the Status bar on ios simulator

ionic-v1

deb0rian March 24, 2015, 2:52pm 38

2 years past, any solution to this? 0_o

Topic		Replies	Views
The Status Bar Issue on IOS7 ionic-v1	51	17774	August 3, 2016
Navbar under status bar ionic-v1	9	3457	February 11, 2015
Ionic status bar: wrong top margin with ios statusbar plugin	1	2505	July 28, 2015
Header overlaps with ios 8 status bar ionic-v1	5	4568	August 10, 2015
Status bar overlaps navbar content ionic-v3	12	23798	July 19, 2021

Navbar is under the Status bar on ios simulator

Related topics