While traversing through different pages, my header goes behind the status bar

Hi,

I am developing an app for iPad. So when I launch the application, it comes perfect but as soon as I go to a different page my header bar goes behind the status bar. Also, if i again return to the index page, the index page’s header bar also goes behind status bar.

I tried loading the app on my android device but now I am facing a different problem. The content on header is not coming in the center. Instead, it gets aligned to the left like normal text.

Please, can someone help me with these 2 issues.