How to overwrite navbar?

Hi all,
I need overwrite default navbar with my custom markup.
I don’t know what I’m doing wrong:

I put this nav bar code to my index.html:

 <ion-nav-bar class="bar bar-header bar-dark">
   <div class="h1 title">Sample App</div>
   <a href="#/settings" class="button button-icon ion-ios-gear-outline settings__button"></a>
 </ion-nav-bar>

before <ion-nav-view> tag, but in browser I just see <div class="nav-bar-block" nav-bar="active"> that contains only view-title, not my markup…

Is there way to overwrite nav-bar-block?

1 Like