# Some problem with the layout while running app on the phone

**URL:** <https://forum.ionicframework.com/t/some-problem-with-the-layout-while-running-app-on-the-phone/19130>\
**Category:** ionic-v1\
**Created:** [March 14, 2015, 11:33pm UTC](https://forum.ionicframework.com/t/some-problem-with-the-layout-while-running-app-on-the-phone/19130 "2015-03-14T23:33:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![reynold\_bhatia](https://avatars.discourse-cdn.com/v4/letter/r/f19dbf/32.png) [@reynold\_bhatia](https://forum.ionicframework.com/u/reynold_bhatia)\
**Post date:** [March 14, 2015, 11:33pm UTC](https://forum.ionicframework.com/t/some-problem-with-the-layout-while-running-app-on-the-phone/19130/1 "2015-03-14T23:33:36Z")

</div>

So I start a new blank fresh application and then I see the blank page on my web browser it looks fine with the header “Ionic header” on the top center. However, when I run the application on my phone the header that is to be in the center is displayed on top right. I try putting the header in tags but then when I add a header button it shifts a bit towards right. How can I resolve this?

---

<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:** [March 16, 2015, 9:03pm UTC](https://forum.ionicframework.com/t/some-problem-with-the-layout-while-running-app-on-the-phone/19130/2 "2015-03-16T21:03:37Z")

</div>

Could you share some code or put a codepen together? Maybe theres a missing tag somewhere in there

---

<div class="post-metadata">

**Author:** ![reynold\_bhatia](https://avatars.discourse-cdn.com/v4/letter/r/f19dbf/32.png) [@reynold\_bhatia](https://forum.ionicframework.com/u/reynold_bhatia)\
**Post date:** [March 18, 2015, 12:25am UTC](https://forum.ionicframework.com/t/some-problem-with-the-layout-while-running-app-on-the-phone/19130/3 "2015-03-18T00:25:32Z")

</div>

```
<ion-pane>
  <ion-header-bar class="bar-stable">
    <h1 class="title">Ionic Blank Starter</h1>
  </ion-header-bar>
  <ion-content>
  </ion-content>
</ion-pane>

```

It is the code that is generated by running ionic start myapp blank. No changes made to it.