Hi all,

I'm developing a mobile app and I have this problem that I've seen in many discussions but nothing seems to solve my problem.

When I scroll up half of my screen has a black background but this only happens for old Iphones (5 or older).

I've already tried to change the CSS with:


 body, .content {
     background: #FFFFFF;
}

or


html, 
body,
#reactContainer, 
#reactContainer > div, 
#reactContainer > div > div,
.layout-blank,
.layout-blank .content,
.screen,
.main-content,
.content,
.layout,
.menu-background {
    background-color: #fff;
}


But this is not working either.

I can't do an inspect on my app because this does not work for Iphones and on the PreviewInDevices is working fine.

Anyone has a solution for this?


Thank you!

Hey Madalena,

Without looking at the app, it is difficult to help you since I haven't had the issue yet. 

One thing I would like to highlight is that inspect the app is, in fact, possible for iPhones - but I can only do it using Safari.

So, if you can get your hands on a Mac, you can do it.

Cheers!