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,700 points
1,161 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,670 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,700 points
287 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,700 points
426 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
3,665 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
610 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 in UI UX Design by vinayak
320 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
7,904 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
2,377 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
596 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,670 points
342 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,670 points
312 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