# Fixed headers with transitions

**URL:** <https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866>\
**Category:** ionic-v3\
**Created:** [January 20, 2017, 3:41pm UTC](https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866 "2017-01-20T15:41:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![insightmichael](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@insightmichael](https://forum.ionicframework.com/u/insightmichael)\
**Post date:** [January 20, 2017, 3:41pm UTC](https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866/1 "2017-01-20T15:41:30Z")

</div>

Is there a way to have fixed headers and only the content gets moved in transition? The headers remain fixed and don’t move?

---

<div class="post-metadata">

**Author:** ![ChrisGriiffith](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/chrisgriiffith/32/66576_2.png) [@ChrisGriiffith](https://forum.ionicframework.com/u/ChrisGriiffith)\
**Post date:** [January 20, 2017, 4:27pm UTC](https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866/2 "2017-01-20T16:27:39Z")

</div>

Without seeing your code, I suspect you have something structured incorrectly.

My headers remain fixed with my apps.

Can you share a sample of two views that demonstrate this?

---

<div class="post-metadata">

**Author:** ![insightmichael](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@insightmichael](https://forum.ionicframework.com/u/insightmichael)\
**Post date:** [January 20, 2017, 5:22pm UTC](https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866/3 "2017-01-20T17:22:42Z")

</div>

I am new to ionic i actually want a fixed logo

```
<ion-header>
       <a (click)="goToRoot()" ><img src="assets/img/topBar-iPad.png" alt=""/></a>
</ion-header>
```

---

<div class="post-metadata">

**Author:** ![ChrisGriiffith](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/chrisgriiffith/32/66576_2.png) [@ChrisGriiffith](https://forum.ionicframework.com/u/ChrisGriiffith)\
**Post date:** [January 20, 2017, 6:11pm UTC](https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866/5 "2017-01-20T18:11:55Z")

</div>

Try wrapping your `img` in an `<ion-navbar>`

```
<ion-header>
 <ion-navbar>
   <a (click)="goToRoot()" ><img src="assets/img/topBar-iPad.png" alt=""/></a>
 </ion-navbar>
</ion-header>
```

---

<div class="post-metadata">

**Author:** ![insightmichael](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@insightmichael](https://forum.ionicframework.com/u/insightmichael)\
**Post date:** [January 20, 2017, 6:23pm UTC](https://forum.ionicframework.com/t/fixed-headers-with-transitions/76866/6 "2017-01-20T18:23:54Z")

</div>

> [@ChrisGriiffith](#):
>
> \<ion-navbar\>

I tried this before the whole page moves. I am using native transitions but I believe it did this with the normal ones.

Its proving to be difficult.