I have created a header with an image that looks lovely in lab for Android.
On iOS the header is positioned, incorrectly, over the top of the notification part of the phone. See images for details.
Is this just when running in lab or is it different using ion-header/title for android and iOS?
If it is different for iOs any tips on how to fix it?
Titles on iOS are in the middle as seen in your picture and thus is a default setting for Ionic 2. If you want to keep the Android UI across all platforms you can do the following within app.module.ts:
imports: [
IonicModule.forRoot(MyApp, { mode: 'md' }),
]
Here’s an example of this in more detail
Thanks for the answer. That did the trick. For me it was in the app.module.ts file.
Nice one, thanks.