Title displayed differently on Android and iOS

@antoxann wrote:

Code of my bar:

<ion-nav-title>
        <div class="title page-title" >
            <div class="title text-center ">Title</div>
        </div>
</ion-nav-title>

<ion-nav-buttons side="right">
    <button  class="button button-icon ion-android-close" style="color: #33cd5f" ng-click="someFunction()"></button>
</ion-nav-buttons>

So, it looks like on screen:

Screenshot_5.jpg922x133 7.67 KB

So, in Android Title is moved to the left. But in iOS its ok.
Its automatically added some differents styles, when i look on it in chrome:
iOS:

Screenshot_6.jpg925x49 12.6 KB

Android:

Screenshot_7.jpg800x49 8.19 KB

I dont know how this styles added and why they are different.
How can i fix it?

Posts: 2

Participants: 2

Read full topic