Extending the background into the iPhone Notch

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

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



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

1 Like

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

This might have some clues…

1 Like


1 Like

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

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

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