Ion-nav-button won't go to left side of nav-bar


#1

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.