As you have seen most popular websites like facebook, Youtube etc. uses there own theme color for the browser address bar to give them a app look. Setting of address bar color is very simple task and you can done it by simply putting some meta tags.
Why Match Address Bar Color in Mobile Browser?
Matching the color of address bar to your site, gives it a app-like feel. This improves user experience, which ultimately boosts sales and conversions. It can be done on any site using putting some simple meta tags.
How To Change Address Bar Color In Wordpress?
Go to Editor>Header.php and place meta tags between <head> and </head> tags.
How To Change Address Bar Color In Blogger?
Go to Theme>Edit HTML and place meta tags between <head> and </head> tags.
- Change Chrome Mobile Browser Address Bar Color
<meta content='#35C0F2' name='theme-color'/>
- Change Safari Mobile Browser Address Bar Color
<meta content='#35C0F2' name='apple-mobile-web-app-status-bar-style'/>
- Change Internet Explorer Mobile Browser Address Bar Color
<meta content='#35C0F2' name='msapplication-navbutton-color'/>
- Change Firefox/Operamini Mobile Browser Address Bar Color
Place below codes just between <head> and </head> tag.
Customization: Change blue background text with your desired color hex-value.<meta content='#35C0F2' name='theme-color'/>
