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.



Thanks a lot.