CODEWITHSUNDEEP
htmlcssiphone
OttherCreek
OttherCreek

Reputation: 993

How to set color of iPhones top bar?

I have a website (written in HTML and CSS) with a header in blue.

Now I want, that the top bar next to the notch of iPhones becomes blue as well.

Take this example, where the iPhones top bar is red as well as the pages header.

enter image description here

Instead of this the top bar about the webpage is grey.

Is there any advice for this issue?

Upvotes: 10

Views: 19641

Answers (2)

Justiniscoding
Justiniscoding

Reputation: 731

It seems like you want to use a meta tag with the name theme-color. To make the top the color #39ff14 you can add this in the head section of your html:

<meta name="theme-color" content="#39ff14"/>

However, this attribute only works on some browsers (can I use).

Upvotes: 22

Long Nguyễn
Long Nguyễn

Reputation: 11

set "margin-top: 1px;" for the top element, then iphone will use your website/app background-color.

Upvotes: -4

Related Questions