# Ion-nav-button always hidden (Ionic v1)

**URL:** <https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033>\
**Category:** ionic-v1\
**Created:** [February 9, 2017, 3:54pm UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033 "2017-02-09T15:54:11Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![DSKev](https://avatars.discourse-cdn.com/v4/letter/d/f08c70/32.png) [@DSKev](https://forum.ionicframework.com/u/DSKev)\
**Post date:** [February 9, 2017, 3:54pm UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/1 "2017-02-09T15:54:11Z")

</div>

Hey guys,

I tried to put a back button on my header and it never appears, it’s always hidden.  
How can I make it visible ? And how can I hide it on my menu page ?

NB : Log in page \> Menu Page  
Don’t want it to appears on my menu (don’t want people to come back on log in)

## header.html :

```
<ion-nav-bar class="bar-positive">
    <ion-nav-back-button></ion-nav-back-button>
    <toaster-container></toaster-container> //My toast service
    <ion-nav-title>
    	<h1 class="title">Some title here !</h1>
    </ion-nav-title>
</ion-nav-bar>

```

* * *

## app.html

```
<body ng-app="app" animation="slide-left-right-ios7">
    <div data-ui-view="header"></div>
    <div data-ui-view='content'></div>
</body>

```

* * *

At least, animation doesn’t work too…  
I’m totally a beginner in AngularJS, and web apps. I got some directives in my JS but nothing who affects the buttons i think.

Thank you in advance,  
Kev.

---

<div class="post-metadata">

**Author:** ![thesourav](https://avatars.discourse-cdn.com/v4/letter/t/a6a055/32.png) [@thesourav](https://forum.ionicframework.com/u/thesourav)\
**Post date:** [February 9, 2017, 7:52pm UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/2 "2017-02-09T19:52:54Z")

</div>

Can you clarify where and when you need the back button exactly. You have a Login Page( No Back Button) and you will go to the first page with Menu( No Back Button ) right?

---

<div class="post-metadata">

**Author:** ![DSKev](https://avatars.discourse-cdn.com/v4/letter/d/f08c70/32.png) [@DSKev](https://forum.ionicframework.com/u/DSKev)\
**Post date:** [February 10, 2017, 7:09am UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/3 "2017-02-10T07:09:55Z")

</div>

I want it everywhere, expect Login & Menu pages.

---

<div class="post-metadata">

**Author:** ![bengtler](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bengtler/32/98565_2.png) [@bengtler](https://forum.ionicframework.com/u/bengtler)\
**Post date:** [February 10, 2017, 10:17am UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/4 "2017-02-10T10:17:47Z")

</div>

depends how you are navigating --\> if you set the root of the history --\> there will be no animation and also no backbutton 😉

---

<div class="post-metadata">

**Author:** ![DSKev](https://avatars.discourse-cdn.com/v4/letter/d/f08c70/32.png) [@DSKev](https://forum.ionicframework.com/u/DSKev)\
**Post date:** [February 10, 2017, 10:39am UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/5 "2017-02-10T10:39:05Z")

</div>

How do i set the root of history ?

I got this in my app.js :

```
$urlRouterProvider.otherwise('/login');
$ionicConfigProvider.backButton.text('');

```

And all my states and directives below, that’s all.

---

<div class="post-metadata">

**Author:** ![DSKev](https://avatars.discourse-cdn.com/v4/letter/d/f08c70/32.png) [@DSKev](https://forum.ionicframework.com/u/DSKev)\
**Post date:** [February 20, 2017, 12:51pm UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/6 "2017-02-20T12:51:59Z")

</div>

Sorry for update, still no solutions ?

I tried few things out but the button still got the class “hide”.

---

<div class="post-metadata">

**Author:** ![Igorfostrapp06](https://avatars.discourse-cdn.com/v4/letter/i/e0b2c6/32.png) [@Igorfostrapp06](https://forum.ionicframework.com/u/Igorfostrapp06)\
**Post date:** [May 14, 2017, 5:41pm UTC](https://forum.ionicframework.com/t/ion-nav-button-always-hidden-ionic-v1/79033/7 "2017-05-14T17:41:17Z")

</div>

damn it, i copy pasted my code from ionic v1 to ionic 2 and the f\*\*\*\* button menu is always hidden. Any guess guys? thanks