Forum | Appery.io

Hello,

I have tried the work around for changing the header depth with Javascript. This half works as it pushes the page title down but the back button remains where it is and continues to overlap with the status bar text.

I have also checked that 'UIStatusBarHidden' is set to true, which it already is.

Is there something else I should be trying?

Regards, Shaun

Hi Shaun,

The iOS keys settings like 'UIStatusBarHidden' only will affect the exported as .ipa file app.

Could you please give us a public link to your web app - and describe how we can reproduce this behaviour.

Hi,

Here is the link.

http://appery.io/app/mobile-frame?src...

The issue is with IOS. Open the link in Safari then save to home screen. When you open it it will open in full screen and you'll see the issue with the back buttons.

Thanks, Shaun

Thanks, we will test it on a device (I assume you're using iOS7).

Yes. Thanks.

Hello!

We reproduced the issue, working on it.

Hello,

Could you also try to move down the button:

code$("div.ui-header").css("padding-top", "20px");
$("div.ui-header > a").css ('top', ' 23px");/code

Sorry for the delay. I was on another project.

This works as a workaround. Thanks.

Is there a way to only apply these script for safari in full screen mode?

Hi Shaun,

Yes, please check these threads:
http://stackoverflow.com/questions/79...
http://www.bennadel.com/blog/1950-det...

Thanks