Ion-nav-bar overlaps iphone status bar

ionic-v1
1

Hi everyone,

I am using the ionic creator and as you can see my header overlaps the iphone status bar :

Any ideas of where this problem could come from ?

Thanks a lot !

2

If you have a solution to this problem, it would be awesome !

1 Like
3

Add in this plugin

cordova plugin add org.apache.cordova.statusbar

Then add this to your config.xml file

<preference name="StatusBarOverlaysWebView" value="false" />
2 Likes
4

For extra credit… color it like this

  <preference name="StatusBarBackgroundColor" value="#209dc2"/>
1 Like