# Margin on top of nav-bar

**URL:** <https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554>\
**Category:** tutorials\
**Created:** [January 17, 2014, 1:33pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554 "2014-01-17T13:33:24Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![lanfisis](https://avatars.discourse-cdn.com/v4/letter/l/8797f3/32.png) [@lanfisis](https://forum.ionicframework.com/u/lanfisis)\
**Post date:** [January 17, 2014, 1:33pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/1 "2014-01-17T13:33:24Z")

</div>

I everyone,

I try to lunch Ionic Seed as it on my AVD but I have an issue: there is a blank margin on top of nav-bar as you can see in [this picture](https://dl.dropboxusercontent.com/u/168077/Capture%20du%202014-01-17%2014:32:14.png). Same problem if I use header-bar. Have you any idea where this problem come from ?

Thanks

David

---

<div class="post-metadata">

**Author:** ![coen\_warmer](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/coen_warmer/32/64036_2.png) [@coen\_warmer](https://forum.ionicframework.com/u/coen_warmer)\
**Post date:** [January 17, 2014, 1:39pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/2 "2014-01-17T13:39:58Z")

</div>

Is the blue bar in your screenshot the header bar, or is a button bar? If it is a button bar, it seems the code of the template that is being used might not be wrapped in a `<view title="'blabla'">` tag.

---

<div class="post-metadata">

**Author:** ![lanfisis](https://avatars.discourse-cdn.com/v4/letter/l/8797f3/32.png) [@lanfisis](https://forum.ionicframework.com/u/lanfisis)\
**Post date:** [January 17, 2014, 1:46pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/3 "2014-01-17T13:46:19Z")

</div>

On my screenshot this is a nav-bar from the Ionic Seed example without any modification

```
<!-- 
  The nav bar that will be updated as we navigate between views
  Additional attributes set its look, nav-bar animation and icons
  Icons provided by Ionicons: http://ionicons.com/ 
-->
<nav-bar type="bar-positive" 
         animation="nav-title-slide-ios7" 
         back-button-type="button-icon" 
         back-button-icon="icon ion-arrow-left-c"></nav-bar>

<!-- 
  The views will be rendered in the <nav-view> directive below
  Templates are in the /templates folder (but you could also
  have templates inline in this html file if you'd like).
-->
<nav-view></nav-view>

```

---

<div class="post-metadata">

**Author:** ![coen\_warmer](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/coen_warmer/32/64036_2.png) [@coen\_warmer](https://forum.ionicframework.com/u/coen_warmer)\
**Post date:** [January 17, 2014, 2:00pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/4 "2014-01-17T14:00:27Z")

</div>

That’s your index.html that acts as a wrapper for all template view files. Please look for the files in your /templates/ folder. Look for the one that is being loaded in your example and check to see if the code starts with a ‘view’ tag. Like so:

```
<view title="'Keyword'">

    <content has-header="true" has-tabs="true" padding="false" scroll="true">

      <p>Some stuff</p>

    </content>

</view>
```

---

<div class="post-metadata">

**Author:** ![lanfisis](https://avatars.discourse-cdn.com/v4/letter/l/8797f3/32.png) [@lanfisis](https://forum.ionicframework.com/u/lanfisis)\
**Post date:** [January 17, 2014, 2:45pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/5 "2014-01-17T14:45:36Z")

</div>

Yes it begin with that.I use this code][1](https://github.com/driftyco/ionic-angular-cordova-seed/tree/master/www) without any modification.

---

<div class="post-metadata">

**Author:** ![coen\_warmer](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/coen_warmer/32/64036_2.png) [@coen\_warmer](https://forum.ionicframework.com/u/coen_warmer)\
**Post date:** [January 17, 2014, 3:13pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/6 "2014-01-17T15:13:30Z")

</div>

Does this happen only on Android or also in your browser?

---

<div class="post-metadata">

**Author:** ![Ben](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ben/32/115916_2.png) [@Ben](https://forum.ionicframework.com/u/Ben)\
**Post date:** [January 17, 2014, 5:24pm UTC](https://forum.ionicframework.com/t/margin-on-top-of-nav-bar/554/7 "2014-01-17T17:24:27Z")

</div>

Thanks for helping, @coen_warmer!