Ionic nav-bar: Title is not centered on Android Device

Question

Im very new to Ionic but i already like it. I wanted to use the nav-barso i implemented the following index.html:

Answer 1

I tried many of the solutions listed here and still had the following 2 issues with native Android builds:

1. The title text either getting shifted off the left side of the screen or just plain not appearing at all
2. The title text not being vertically centered in the nav bar

The following CSS resolved both of these issues for me:

.platform-android .bar .title {
    line-height: 52px !important;  // vertically centers title on native Android builds
}

.bar .title {
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    width: 100%;
    text-align: center !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}