Navbar ion-title align center for android

Ionic Framework ionic-v3
2

There isn’t really a good way to do this yet. Right now ios is centered by positioning the ion-title element absolutely and then using padding to make space for the buttons, specifically:

ion-title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 90px 1px;
  width: 100%;
  height: 100%;
  text-align: center;
}

There’s an open issue to fix the way the ios title is centered:

Would you mind creating an issue to support changing the alignment for android? https://github.com/driftyco/ionic/issues

Thanks! :smile:

15 Likes