# Ionic iOS status bar **URL:** \ **Category:** ionic-v3\ **Created:** [March 6, 2018, 7:59am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563 "2018-03-06T07:59:41Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![aabdolla](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@aabdolla](https://forum.ionicframework.com/u/aabdolla)\ **Post date:** [March 6, 2018, 7:59am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/1 "2018-03-06T07:59:41Z")
Hello, I just started developing with Ionic and Cordova last week so I have the latest and greatest for plugin versions. I am running into this issue here, not just in the browser view but when I deploy to my device: [![](https://i.imgur.com/X9Kyj5O.png) ](https://i.imgur.com/X9Kyj5O.png) I have been googling for the past few hours but nothing seems to help. I am using the master git version for the status bar plugin, I tried switching the status bar from the default to the web one with a false parameter. Some people suggested using CSS and making the margin top or just plain top 20 but that was moving everything down, not just my app. Any help would be great! Thanks! ---
**Author:** ![cherry](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/cherry/32/149370_2.png) [@cherry](https://forum.ionicframework.com/u/cherry)\ **Post date:** [March 6, 2018, 9:43am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/2 "2018-03-06T09:43:32Z")
Same issue here. I just put the whole content down a bit like you said already to avoid the problem. šŸ˜° ---
**Author:** ![aabdolla](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@aabdolla](https://forum.ionicframework.com/u/aabdolla)\ **Post date:** [March 6, 2018, 4:28pm UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/3 "2018-03-06T16:28:48Z")
I wonder what we are doing wrong. I am surprised there are not more threads about it. ---
**Author:** ![cherry](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/cherry/32/149370_2.png) [@cherry](https://forum.ionicframework.com/u/cherry)\ **Post date:** [March 7, 2018, 6:13am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/4 "2018-03-07T06:13:27Z")
_I might have a solution wich I didnā€™t tested yet, maybe you can test it out ? šŸ˜Š_ ```auto import { StatusBar } from '@ionic-native/status-bar'; constructor(private statusBar: StatusBar) { } ... // let status bar overlay webview this.statusBar.overlaysWebView(false); // **ALTERNATIVE** //this.statusBar.styleDefault() ``` Add this to your main.ts. Alternatively you have to add this aswell `styleDefault()`. Try it without first and then with it. ### **Post your results please** šŸ‡ ---
**Author:** ![aabdolla](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@aabdolla](https://forum.ionicframework.com/u/aabdolla)\ **Post date:** [March 7, 2018, 4:45pm UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/5 "2018-03-07T16:45:53Z")
Didnā€™t work for meā€¦I have tried that before as well. How about you? ---
**Author:** ![neilbo21](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/neilbo21/32/119158_2.png) [@neilbo21](https://forum.ionicframework.com/u/neilbo21)\ **Post date:** [May 2, 2018, 2:27am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/6 "2018-05-02T02:27:25Z")
This worked for me add `viewport-fit=cover` to veiwport meta tag in your **index.html** so it resembles thisā€¦ `` See this [issue](https://github.com/ionic-team/ionic/issues/13294) ---
**Author:** ![akash705](https://avatars.discourse-cdn.com/v4/letter/a/9de053/32.png) [@akash705](https://forum.ionicframework.com/u/akash705)\ **Post date:** [May 2, 2018, 5:39am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/7 "2018-05-02T05:39:50Z")
already added but no use ---
**Author:** ![neilbo21](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/neilbo21/32/119158_2.png) [@neilbo21](https://forum.ionicframework.com/u/neilbo21)\ **Post date:** [June 12, 2018, 5:25am UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/8 "2018-06-12T05:25:54Z")
Hey @akash705 - The solution I proposed stopped working for me as well I found this [issue](https://forum.ionicframework.com/t/i-am-not-able-to-change-status-bar-color/120335): - This seems to fix it when I test it in iOS Simulator ```auto this.platform.ready().then(() => { // this.statusBar.styleDefault(); this.statusBar.overlaysWebView(true); this.statusBar.backgroundColorByHexString('#ffffff'); this.splashScreen.hide(); }); ``` Hopefully this helps ---
**Author:** ![DFull](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dfull/32/12976_2.png) [@DFull](https://forum.ionicframework.com/u/DFull)\ **Post date:** [June 12, 2018, 1:35pm UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/9 "2018-06-12T13:35:16Z")
Iā€™ve had some issues with status bar and I resolve all of them by using wkwebview. Could you ensure that you are using this webview (or the ionic fork : cordova-plugin-ionic-webview) ? ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [July 19, 2021, 9:48pm UTC](https://forum.ionicframework.com/t/ionic-ios-status-bar/123563/10 "2021-07-19T21:48:11Z")
Closed on July 19, 2021, 9:48pm UTC