How to change top address bar color in mobile web browsers - CSS

How can I change the color of top address bar in mobile web browsers, when someone visits my website ? For example like when I visit Facebook on my phone, the color of web browser's top bar will change to blue.
0
give a positive ratinggive a negative rating
21 May 2021 at 06:58 PM
Hi,

You can change the color of top address bar in mobile web browsers by adding Meta tags between <head></head>, instead of using CSS. Because there are multiple mobile web browsers available, there are different meta tags used for some browsers, to customize the address bar color.

This solution works with standard Android web browsers like Firefox, Chrome or Opera:

<meta name="theme-color" content="#007ad5">

This solution works with Safari, that is used mostly on iOS devices like iPhones or iPads:

<meta name="apple-mobile-web-app-status-bar-style" content="#007ad5">
0
give a positive ratinggive a negative rating
29 May 2021 at 11:45 AM
Tim
Share on FacebookShare on TwitterShare on LinkedInSend email
x
x
2024 AnswerTabsTermsContact us