Change web address bar and header color in Android Browser

While browsing your favorite websites on your android phone, you may have noticed that the color of the browser web address bar and header changes every time you visit a different website. The color changes according to the website design. It basically gives each website its own unique identity. If you want to do the same for your website you can do it very easily. It can be achieved by just adding a single line of code into your website’s header tag. While at first it may seem complicated to do but it’s really simple.

change web address bar color

Copy and Paste the following code snippet  in the head section of your website.

<! Chrome, Firefox OS, Opera >

<meta name=“theme-color” content=“#0000FF”>

Now change the hex color code for web address bar and header which you want to display in android web browser.

After making the above changes, open your website in chrome browser for android and you will see your desired color scheme in the web address bar and the header.

Moreover, if are you are using wordpress and you don’t want to mess with codes then you can install various plugins which will automatically place this code into the header section of your wordpress.

You can install  “Head and Footer Scripts Inserter” from the wordpress directory.

Download Head and Footer Scripts Inserter

Leave a Reply