I have specified in the config the following:
$ionicConfigProvider.backButton.text('');
$ionicConfigProvider.backButton.icon('ion-chevron-left');
$ionicConfigProvider.backButton.previousTitleText(false);
$ionicConfigProvider.views.forwardCache(true);
$ionicConfigProvider.scrolling.jsScrolling(true);
$ionicConfigProvider.navBar.alignTitle('center');
My title content for each view has the following structure:
<ion-view name="view">
<ion-nav-title>title</ion-nav-title>
<ion-nav-buttons side="secondary">
<button class="button button-icon" ng-click="">
<i class="icon custom-icon-class"></i>
</button>
</ion-nav-buttons>
<ion-content>...</ion-content>
</ion-view>
The problem is that some views has the “title” in the center and other views has the tittle moved to the left, looking in the html I found the following style
transform: translate3d(-87.8125px, 0px, 0px);
Applied to the div
with the classes title title-center header-item
that is inside of ion-header-bar
.
This seems to be generated by ionic, is something wrong in the way I want to force all titles to be centered ?