Change color of address bar according to your site theme

Change color of address bar according to your site theme

change address bar color google chrome

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 
Place below codes just between <head> and </head> tag.
<meta content='#35C0F2' name='theme-color'/>
  • Change Safari Mobile Browser Address Bar Color 
Place below codes just between <head> and </head> tag.
<meta content='#35C0F2' name='apple-mobile-web-app-status-bar-style'/>
  • Change Internet Explorer Mobile Browser Address Bar Color 
Place below codes just between <head> and </head> tag.
<meta content='#35C0F2' name='msapplication-navbutton-color'/>
  • Change Firefox/Operamini Mobile Browser Address Bar Color
Place below codes just between <head> and </head> tag.
<meta content='#35C0F2' name='theme-color'/>
Customization:  Change blue background text with your desired color hex-value.

No comments:

Post a Comment