How To Change Addresss Bar Color Like Your Website Color

Match Address Bar Color on Mobile Browser to Your WordPress Theme

Simply add this code in your theme or child theme‘s header.php file just before the closing </head> tag.

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

This line is a HTML meta tag used by Google Chrome on Android to change color of address bar in mobile browser. The content field has the hex code for the color you want to use as theme color.

Not sure how to get the hex color code?

1. For Chrome, FireFox & Opera

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

2.  For iOS Safari

<meta name="apple-mobile-web-app-capable" content="yes"/>

<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

3.  For Windows

<meta name="msapplication-navbutton-color" content="#000000"/>

For Blogspot Users:

following settings: Blogger >> Themes >> Edit HTML

<meta  content='#db5945' name='theme-color' />