Status bar different after updating libraries

[Abuthahir]

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

[Illya Stepanov]

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?

[Ellen Schlechter]

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.

[Ellen Schlechter]

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

[Abuthahir]

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

[Ellen Schlechter]

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

[Ellen Schlechter]

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] {

Code: Select all

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

}

[Abuthahir]

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;

Code: Select all

     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

[Ellen Schlechter]

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.

[Ellen Schlechter]

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?