Page 1 of 1

what is the simplest way to handle the Iphone X speaker blocking header?

Posted: Sat Dec 08, 2018 1:35 am
by Vinny B

what is the simplest way to handle the Iphone X speaker blocking header?

Photo Attached Image


what is the simplest way to handle the Iphone X speaker blocking header?

Posted: Sat Dec 08, 2018 10:05 am
by Serhii Kulibaba

Hello Vinny,

Please see this article: https://blog.phonegap.com/displaying-...


what is the simplest way to handle the Iphone X speaker blocking header?

Posted: Sat Dec 08, 2018 2:07 pm
by Vinny B

Where do I put this into appery?

body {
padding-top: constant(safe-area-inset-top); /* iOS 11.0 /
padding-top: env(safe-area-inset-top); / iOS 11.2 */
}

That article has 4 steps, The 1st 3 steps I dont not have black or white bars anywhere the app is already full screen

I tried in CSS but it does nothing

Image


what is the simplest way to handle the Iphone X speaker blocking header?

Posted: Mon Dec 10, 2018 3:53 pm
by Serhii Kulibaba

How your app should look like? Just move the header title a little bit down?