Having Issues Nav Bar Back and SideMenu Button

I would like to have two nav bar back buttons set up.

One for back button when navigated away from homepage, and the other icon for side menu.

They seem to behave very inconsistent so I guess I have issue in my markup or routes.

Here my index.html

<ion-pane ion-side-menu-content=""> <ion-nav-bar class="bar-positive aa-blue"> <ion-nav-title>Title </ion-nav-title> <ion-nav-back-button class="button-clear"><i class="ion-arrow-left-c"></i> Back </ion-nav-back-button> <ion-nav-buttons side="left"> <button menu-toggle="left" class="button button-icon icon ion-navicon"></button> </ion-nav-buttons> </ion-nav-bar> <ion-nav-view animation="slide-left-right"></ion-nav-view> </ion-pane>

  <ion-side-menu side="left">
      <header class="bar bar-header bar-positive aa-blue title">
      <ion-content class="has-header">
              <ion-item ui-sref="home.search" menu-close="" class="item item-icon-left"><i class="icon ion-ios-home"></i>  Home</ion-item>
              <ion-item ui-sref="terms" menu-close="" class="item item-icon-left"><i class="icon ion-clipboard"></i>  T &amp; C&apos;s</ion-item>
              <ion-item ui-sref="about" menu-close="" class="item item-icon-left"><i class="icon ion-information-circled"></i>  About Us</ion-item>
  1. Problems are as follows, when the Back button shows its hide the left menu icon
  2. Back button doesn’t always show, what exactly triggers the back button to show
  3. When the back button does show it usually takes me back home, and then the left menu shows. But sometimes it just keeps the back button displayed even on homepage and I can just click on it indefinitely. How could I fix this ?