Forum | Appery.io

Hello,
I followed the same as mentioned above but till the battery meter overlapping with the statusbar. Pls help.

What project type are you building? Have you made the above changes in the very end step of your app development process before exporting as a binary package?

After further testing, with iOS 10 and library version 3.1, I have found this workaround doesn't work automatically. When the app loads, it doesn't work. It only works if I drag down from the top of the phone to open the phone's notifications. Then it makes room for the status bar. I know this is extremely bizarre, but do you have any ideas as to why it behaves like this?

And even after it does work correctly, it doesn't work forever. Like if the app is closed, it goes back to not working.

Hi, has anyone had a chance to look at this?

I am currently using the custom css on header. Please find the css below.

[name=mobileheader] {
height: 65px;
line-height: 55px;

}

Header Button:
.headerButtons {
line-height: 44px;
}

Hope this help. Thanks
Abu

That doesn't seem to work for me. It still overlaps.

Is there anyway to lower the buttons? Using this, I can get the header lowered but when I scroll, the page content goes behind the header then overlaps the status bar.

[name=mobileheader1] {

 top: 20px; 
 padding-top: 23px; 

}

Hello,
Use the below code

.headerButtons {
padding-left: 1.0em;
line-height: 44px;
padding-right: .3em;
box-shadow: none !important;
border: transparent !important;
background: transparent !important;
font-size: 16px;
color: white !important;

     border-bottom: none !important; 

}

update the line-height accordingly and add the "headerButtons" in the Header button class.. this will remove the button disk also. Please remove the line which is not related.

Thanks

Using that code, I was able to successfully change only the button's appearance. The border disappeared, the button was white instead of black, etc. The button didn't change its location though so I still have the same status bar issue.

Okay so I think I found the problem. All of my buttons are icons only. When I tested with a button that had text, it behaved as it should. Do you know why the button behavior would changed based on text vs icon only?