Ionic 2 ion-title not centered on android

Ionic Framework ionic-v3
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

image
Capture1.PNG939×478 481 KB

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>
1 Like
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