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 in IOS by Soham
• 9,670 points
34 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 by Rahul
• 9,680 points

Related Questions In IOS

0 votes
0 answers
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 in IOS by Soham
• 9,670 points
49 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 in IOS by Aditya
• 7,660 points
237 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 in IOS by Aditya
• 7,660 points
80 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
5,499 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,240 points
1,800 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,350 points
317 views
0 votes
1 answer

What is the difference between span and div?

The div should be used to wrap sections of ...READ MORE

answered Jan 16, 2020 in Web Development by Niraj

edited Jan 21, 2020 by Niroj 2,468 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 in IOS by Rahul
• 9,680 points
42 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 in IOS by Rahul
• 9,680 points
38 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