Ionic 2 ion-title not centered on android


#1

Hello All,

in ionic 2, when deploying to my android device the ion-title in the header bar is below the toggle button on the left side. How to bring it to the middle? I know in ionic 1, we would use %ionicConfigProvider. But when looking at the config option in ionic, i dont see any config property for ionic title. Can someone help please?

Thanks,
Ashley


#2

show the code and the screenshot of output


#4

<ion-header> <ion-navbar> <button ion-button menuToggle> <ion-icon name="menu"></ion-icon> </button> <ion-title>Page One</ion-title> </ion-navbar> </ion-header>text


#5

You should wrap the buttons inside ion-buttons like this:

    <ion-buttons left>
      <button ion-button menuToggle>
        <ion-icon name="menu" color="light"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>Page One</ion-title>

#6

Nope it does not work. Please note that this code i posted from the default template sidemenu.

Thanks,
Ashley


#7

Can somebody help please?
Ashley