Expanded navbar doesn't work on iphone

Hello, I made a personalized style to expand the navbar in some pages, and it work’s perfectly on android, and browser, even with “ionic serve lab”, but when I run on a real iphone device the navbar doesn’t expands… someone can tell me why? And how to solve it?

ionic serve lab image(ok):

Iphone image(not ok):

my code:
app.core.scss:

.expanded-navbar {
  ion-navbar.toolbar {
    min-height: 120px;//test
  }
  .toolbar-title {
    overflow: inherit;
    white-space: pre-wrap;
    text-align: left;
  }
  &.toolbar {
    min-height: 120px;
  }
}

my html:

<ion-header>
    <ion-navbar class="expanded-navbar">
       <ion-title>Big text with more than one line</ion-title>
    </ion-navbar>
</ion-header>

What I’m doing wrong?