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.
21 May 2021 at 06:58 PM
0pnshow more
StorStor
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">
29 May 2021 at 11:45 AM
0pnshow more
TimTim
Share on FacebookShare on TwitterShare on LinkedInSend email
Follow us on Facebook & Twitter
2022 AnswerTabsTermsContact us