IOS statusbar overlays app

Ionic Framework ionic-v3
1

Hello,
I have an issue, because my statusbar ios is overlaying my app.

<ion-content>
<div class="header">
  <span class="title">{{'WARDROBE.TITLE'| translate}}</span>
  <div class="header-button">
    <!--<ion-icon src="assets/icon/cart.svg"></ion-icon>-->
  </div>
</div>
</ion-content>

I have this simple code, but the title is under the hours and notifications of status bar.

sc
sc1080×157 9.03 KB

If someone already has this problem, please ?

2

You are using the header wrong. ion-header: Header Parent Component for Ionic Framework Apps

3

Because I don’t want ion-header.
Is there any other soluton ?

4

Try adding margin to the top.