Hello, I’m trying to make single page application with multiple routes.
I want to make it code efficient and make just one header with changing title (already got this worked out). Before trying to do this I had ion-header-bar on each page.
My only problem with the nav-bar is that I can’t get a button aligned to far left.
This is my current nav-bar:
<ion-nav-bar align-title="center" class="bar-dark">
<ion-nav-title>{{header}}</ion-nav-title>
<ion-nav-buttons side="left">
<button class="button buttonsheader" ng-click="go('/')">
<img src="img/logo.png" alt="logo">
</button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button menu-toggle="right" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
</ion-nav-bar>
Everything else is fine, but can’t get the button containing logo image go to the left side.
Also it doesn’t matter if the button has side=“left” or not.
Any help is appreciated.