# StatusBar.hide(); shows empty space on top of screen ios

**URL:** <https://forum.ionicframework.com/t/statusbar-hide-shows-empty-space-on-top-of-screen-ios/12458>\
**Category:** uncategorized\
**Created:** [November 10, 2014, 5:34pm UTC](https://forum.ionicframework.com/t/statusbar-hide-shows-empty-space-on-top-of-screen-ios/12458 "2014-11-10T17:34:26Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jorre](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jorre/32/64847_2.png) [@jorre](https://forum.ionicframework.com/u/jorre)\
**Post date:** [November 10, 2014, 5:34pm UTC](https://forum.ionicframework.com/t/statusbar-hide-shows-empty-space-on-top-of-screen-ios/12458/1 "2014-11-10T17:34:26Z")

</div>

When I run my app (code below) I can see the status bar disappear in the ios 8.0 ipad emulator. The space where the status bar used to be remains:

Same is true for my iPad physical device running iOS 6 (just saying, even though this is probably not supported anymore)

![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/7161/3110e5dec80f7724.png)

```
$ionicPlatform.ready(function() {
    if(window.StatusBar) {
      //StatusBar.styleDefault();
      StatusBar.hide();
    }
  });

```

Not sure if this helps but I can find the following CSS when debugging in Safari:

```
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader)
height: 64px; 

```

my ionic version

```
"version": "1.0.0-beta.13-nightly-667"

```

my plugins

```
cordova plugins
com.phonegap.plugins.barcodescanner 2.0.0 "BarcodeScanner"
org.apache.cordova.device 0.2.12 "Device"
org.apache.cordova.statusbar 0.1.8 "StatusBar"
```