How to get rid of blank space from iPhone notch on web page

0 votes
Hello, I'm not sure how to get rid of the empty space on the iPhone's top screen with the notch. Do you know how to change the default white background colour? I have a public website. If you want to view the code, it is available at https://natanluczak.pl. I'll show you a picture of it.
Nov 4, 2022 in IOS by Soham
• 9,710 points
2,044 views

1 answer to this question.

0 votes

You should be looking for the meta-setting theme-color in the page's header, in my opinion.

<meta name="theme-color" content="#4285f4">

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color

However, because it's an Apple product... You never really know if they adhere to the industry norm, don't you think? If that doesn't work, you could attempt the web-app-status-bar styling, but your colour options are quite limited—you can only use the default colours of black or black translucent.

<meta name="apple-mobile-web-app-status-bar-style" content="black">

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

answered Nov 8, 2022 by Rahul
• 9,680 points

Related Questions In IOS

0 votes
0 answers

How to access and read a file on a USB drive from IOS? (Connected via OTG cable to iPhone)

Can I access a text file on ...READ MORE

Nov 7, 2022 in IOS by Soham
• 9,710 points
527 views
0 votes
0 answers

How to connect iphone to a local server running on mac?

I am running a django server at ...READ MORE

Sep 22, 2022 in IOS by Soham
• 9,710 points
696 views
0 votes
1 answer

Is it possible to run .APK/Android apps on iPad/iPhone devices?

It is not possible to run Android ...READ MORE

answered Sep 20, 2022 in IOS by Aditya
• 7,680 points
4,392 views
0 votes
1 answer

what font face of clock on lock screen of iPhone (iOS 9)?

San Francisco is the default font in ...READ MORE

answered Sep 20, 2022 in IOS by Aditya
• 7,680 points
1,063 views
0 votes
1 answer

UI redesign- Will changing the css affect the javascript?

Changing the CSS code shouldn't affect the ...READ MORE

answered Apr 28, 2023 in UI UX Design by vinayak
705 views
0 votes
2 answers

Define a SQL query? What is the difference between SELECT and UPDATE Query? How do you use SQL in SAS?

HI.. SQL is Structured Query Language, which is ...READ MORE

answered Aug 8, 2020 in PHP by anonymous
10,352 views
0 votes
1 answer

Using/Handling colon inside a JSF generated HTML element ID in CSS selector

Yes, you can.  Just Backslash (\) the colon.  Like ...READ MORE

answered Nov 14, 2018 in Others by DataKing99
• 8,250 points
2,793 views
0 votes
1 answer

What is a css selector and where is it used?

CSS Selector is a combination of element ...READ MORE

answered Nov 21, 2018 in Data Analytics by Kalgi
• 52,360 points
850 views
0 votes
1 answer

How is a rounded rect view with transparency done on iphone?

view.layer.cornerRadius = radius; The difficult technique is to ...READ MORE

answered Sep 22, 2022 in IOS by Rahul
• 9,680 points
772 views
0 votes
1 answer

Is there a way to to check if a picture was taken on that iPhone?

Actually, the model and manufacturer information is ...READ MORE

answered Sep 22, 2022 in IOS by Rahul
• 9,680 points
593 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP