Extending the background into the iPhone Notch

[Joe_Gabriele]

Has anybody figured out how to extend the background image into the notch of the iPhone like how our mock looks?

[Lucas_Pires]

Um, I have an iPhone 7 yet lol, but do you have a screenshot to see it looks like?

[Joe_Gabriele]

Mockup:

Live:

See how the notch on the iPhone is filled with the image in the Mock, but just Black on my actual phone?

[Mark_Turrell]

I have the same thing…. I was wondering how to extend the image too

[Mark_Turrell]

This might have some clues…

"The Notch" and CSS | CSS-Tricks

[Mark_Turrell]

https://karmasakshi.medium.com/make-your-pwas-look-handsome-on-ios-fd8fdfcd5777

[Uzo]

i don’t think is possible to cover phone bars…(only Glide bars are accessible by CSS) maybe am wrong?

[Joe_Gabriele]

Thanks, I think I did it correctly, but still didnt cover the viewport.

[AymenM]

I’m not sure PWA’s are « allowed » to use the little notch…