# Extending the background into the iPhone Notch **URL:** \ **Category:** Ask for Help\ **Created:** [May 10, 2021, 1:14am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588 "2021-05-10T01:14:23Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 10, 2021, 1:14am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/1 "2021-05-10T01:14:23Z")
Has anybody figured out how to extend the background image into the notch of the iPhone like how our mock looks? ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [May 10, 2021, 1:46am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/2 "2021-05-10T01:46:42Z")
Um, I have an iPhone 7 yet lol, but do you have a screenshot to see it looks like? ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 10, 2021, 2:15am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/3 "2021-05-10T02:15:36Z")
Mockup: ![Screen Shot 2021-05-09 at 10.15.14 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/0/20b913461819eee37a0a9b8d9baa041cb5e597ee.png) Live: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/5/a50eda82bacad383de8f16f3d3cf1231de4d54d7.jpeg) See how the notch on the iPhone is filled with the image in the Mock, but just Black on my actual phone? ---
**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\ **Post date:** [May 10, 2021, 7:45am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/4 "2021-05-10T07:45:40Z")
I have the same thing…. I was wondering how to extend the image too 🙂 ---
**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\ **Post date:** [May 10, 2021, 7:50am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/5 "2021-05-10T07:50:16Z")
This might have some clues… > **["The Notch" and CSS | CSS-Tricks](https://css-tricks.com/the-notch-and-css/)** > > Apple's iPhone X has a screen that covers the entire face of the phone, save for a "notch" to make space for a camera and other various components. The ---
**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\ **Post date:** [May 10, 2021, 8:11am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/6 "2021-05-10T08:11:20Z")
[https://karmasakshi.medium.com/make-your-pwas-look-handsome-on-ios-fd8fdfcd5777](https://karmasakshi.medium.com/make-your-pwas-look-handsome-on-ios-fd8fdfcd5777) ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [May 10, 2021, 8:46am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/7 "2021-05-10T08:46:32Z")
i don’t think is possible to cover phone bars…(only Glide bars are accessible by CSS) maybe am wrong? ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 10, 2021, 11:48am UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/8 "2021-05-10T11:48:57Z")
Thanks, I think I did it correctly, but still didnt cover the viewport. ---
**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\ **Post date:** [May 10, 2021, 1:52pm UTC](https://community.glideapps.com/t/extending-the-background-into-the-iphone-notch/26588/9 "2021-05-10T13:52:43Z")
I’m not sure PWA’s are « allowed » to use the little notch…