Custom Address Bar Color on Chrome (On Androids)!

If anyone here uses an Android phone, you might’ve noticed how the address bar color in chrome sometimes changes to match the content of the website you’re viewing. I did a little research and figured out how this is done so I thought i’d share, as it is extremely easy.

Inside the custom code for your head tag in your page settings, inserting the following code will change the address bar color:

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

Simply change the hex value and publish the site. That’s it! Android users on the latest versions will see a colored address bar! I

(If you have no idea what i’m talking about, take a look here)

11 Likes

Nice tip! I hadn’t actually registered that the address bar colour could be controlled, despite seeing it many times.

1 Like

Dude! I’ve been searching high and low for this! You’re a legend! Thanx a mil!

1 Like

No problem, happy to help!