Alignment title issue


#1

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


#2

Anyone have this issue?

Can you help me?


#3

I have this issue in almost all my Ionic projects and I asked twice in the forum but no one could give a me a solution.