Ionic 2 ion-title not centered on android


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?



show the code and the screenshot of output


<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


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>
    <ion-title>Page One</ion-title>


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



Can somebody help please?