I have a problem in align the title.
As you can see from the screenshot, if the title is a bit 'longer, moves to the right.
This only happens with IOS.
The code for the sidebar:
<ion-side-menus>
<ion-pane ion-side-menu-content>
<ion-nav-bar class="bar-stable" class="nav-title-slide-ios7">
<ion-nav-buttons side="left">
<button class="button button-icon menu-switcher" ng-click="toggleLeft()">
<img style='height:100%' src="images/header-menu-switcher.png" alt=""/>
</button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<ion-nav-back-button class="button-icon icon ion-ios7-arrow-back"></ion-nav-back-button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
</ion-pane>
...
.....
The title is set using the of each page.
Those shorts are perfectly centered, while the long ones have this problem.
Is there a way to solve this problem?
thanks