# Top Title Margin

**URL:** <https://forum.ionicframework.com/t/top-title-margin/15920>\
**Category:** ionic-v1\
**Created:** [January 18, 2015, 8:41am UTC](https://forum.ionicframework.com/t/top-title-margin/15920 "2015-01-18T08:41:27Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![umar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/umar/32/101928_2.png) [@umar](https://forum.ionicframework.com/u/umar)\
**Post date:** [January 18, 2015, 8:41am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/1 "2015-01-18T08:41:27Z")

</div>

I am testing my app in ionic view but top title doesn’t come right.

This is how its showing (which is wrong)

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/7/3/7324c9cd7842106b46bcb52e9fff65bb3d817891.jpeg)

And this is how this should come (which is right)

 ![image](https://global.discourse-cdn.com/ionicframework/original/2X/4/4d83a856bccd3c0b865d15c68240a207cef1f807.jpg)

How do i fix this issue, anyone please advice.

Thanks

---

<div class="post-metadata">

**Author:** ![ItamarCohen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/itamarcohen/32/115653_2.png) [@ItamarCohen](https://forum.ionicframework.com/u/ItamarCohen)\
**Post date:** [January 18, 2015, 9:21am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/2 "2015-01-18T09:21:06Z")

</div>

hi ,  
check this topic

> [@Navbar is under the Status bar on ios simulator](http://forum.ionicframework.com/t/navbar-is-under-the-status-bar-on-ios-simulator/187/30):
>
> Look in plugins/ios.json and find StatusBarOverlaysWebView – make it false

---

<div class="post-metadata">

**Author:** ![umar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/umar/32/101928_2.png) [@umar](https://forum.ionicframework.com/u/umar)\
**Post date:** [January 18, 2015, 9:27am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/3 "2015-01-18T09:27:20Z")

</div>

Hello, Thanks for the reply but i dont find ios.json file in plugins or anywhere is whole project folder … please note i am on Windows 8.1 … what to do?

---

<div class="post-metadata">

**Author:** ![ItamarCohen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/itamarcohen/32/115653_2.png) [@ItamarCohen](https://forum.ionicframework.com/u/ItamarCohen)\
**Post date:** [January 18, 2015, 9:29am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/4 "2015-01-18T09:29:40Z")

</div>

You could also set a preference in config.xml:

```
<preference name="StatusBarOverlaysWebView" value="false"/>
```

---

<div class="post-metadata">

**Author:** ![umar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/umar/32/101928_2.png) [@umar](https://forum.ionicframework.com/u/umar)\
**Post date:** [January 18, 2015, 10:25am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/5 "2015-01-18T10:25:09Z")

</div>

I added this in config.xml still not working … ☹ … what can be the issue, any other way?

---

<div class="post-metadata">

**Author:** ![ItamarCohen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/itamarcohen/32/115653_2.png) [@ItamarCohen](https://forum.ionicframework.com/u/ItamarCohen)\
**Post date:** [January 18, 2015, 10:41am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/6 "2015-01-18T10:41:17Z")

</div>

hi,

try to install 2 plugins

1. cordova plugin add org.apache.cordova.device
2. cordova plugin add org.apache.cordova.statusbar

and read this docs for more instructions

[https://github.com/apache/cordova-plugin-statusbar/blob/master/doc/index.md](https://github.com/apache/cordova-plugin-statusbar/blob/master/doc/index.md)

or  
[http://ngcordova.com/docs/plugins/statusbar/](http://ngcordova.com/docs/plugins/statusbar/)

---

<div class="post-metadata">

**Author:** ![umar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/umar/32/101928_2.png) [@umar](https://forum.ionicframework.com/u/umar)\
**Post date:** [January 19, 2015, 11:05am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/7 "2015-01-19T11:05:31Z")

</div>

Hey, thanks again for your reply, i installed both the plugins and did exactly described in the document but for me its still not working … i don’t know whats wrong but thanks a million for all your help, really appreciated … can i send you www folder to see whats wrong? only if possible.

---

<div class="post-metadata">

**Author:** ![ItamarCohen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/itamarcohen/32/115653_2.png) [@ItamarCohen](https://forum.ionicframework.com/u/ItamarCohen)\
**Post date:** [January 19, 2015, 11:26am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/8 "2015-01-19T11:26:13Z")

</div>

you can ,

i did a little research and its more a cordova thing then ionic .  
if you have xcode you can follow this link;  
[http://stackoverflow.com/a/18886468](http://stackoverflow.com/a/18886468)

if you dont have try follow this link i didnt try ;  
[http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/](http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/)

---

<div class="post-metadata">

**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:** [January 19, 2015, 9:39pm UTC](https://forum.ionicframework.com/t/top-title-margin/15920/9 "2015-01-19T21:39:35Z")

</div>

Hey guys, so this is actually an issue with the view app. Some more detail can be found here.

[https://github.com/driftyco/ionic-view-issues/issues/9](https://github.com/driftyco/ionic-view-issues/issues/9)

So the padding will be applied correctly if you were to test the app not in the view app.  
Until the app store approves the update, it’s something you have to deal with.  
Sorry for the inconveniences

---

<div class="post-metadata">

**Author:** ![umar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/umar/32/101928_2.png) [@umar](https://forum.ionicframework.com/u/umar)\
**Post date:** [January 20, 2015, 5:06am UTC](https://forum.ionicframework.com/t/top-title-margin/15920/10 "2015-01-20T05:06:43Z")

</div>

Hi @mhartington and thanks for the info … i almost got mad in banging my head into it … @ItamarCohen thank a lot for all your help and time.
