Header overlaps statusbar in android

Ionic Framework Ionic Angular
1

Hello

I have a problem with my header in android because it overlaps the statusbar.

I tried both this.statusBar.overlaysWebView(true) & this.statusBar.overlaysWebView(true)

I use the Cordova statusbar plugin and also played around with the setting in the config.xml & .

Really nothing solved the issue.

Can someone help? I’m stuck with this issues and tried hard to fix it. I even tried to implement an own css for android. Even this did not solve my issue.

Thank you in advance for your help!!!

2

You can set viewport content as auto in index.html file i.e.

viewport-fit=auto

HTH!