Ion-title and ion-buttons not vertical aligned on ios device


#1

Hey

I have a problem with the status bar on ios device, ion-title and ion-buttons aren’t vertically aligned.
I saw that this problem is bound to the StatusBarOverlaysWebView plugin but I don’t know how to fix it.

Any ideas ?
Thanks, regards!

config.xml file :

<preference name="StatusBarOverlaysWebView" value="false"/>

app.component.ts file :

 platform.ready().then(() => {
      this.statusBar.styleLightContent();
      this.splashScreen.hide();
      this.initPushNotification();
    });

IOS Screenschot :

Screenshot-ios.png


#2

Please provide a screenshot and the code used to generate that output.


#3

You put this in your html?

<ion-header>
    <ion-navbar>
        <ion-buttons start>
            <button ion-button icon-only (click)="console.log('I was clicked')">
                <ion-icon name="name"></icon-name>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>