Viewing problems with ion-header in portrait and landscape

I’m developing an app using ionic 3.

But in Chrome, whenever I switch from portrait and landscape, my ion-header gets displaced.
I wanted to know if there was any way to automatically places the header when switching viewing modes and for different screen sizes…
Below I have my app in portrait and landscape.

Portrait: https://ibb.co/ftbDBk

Landscape: https://ibb.co/h65Uj5

Thanks a lot.