Way to Change Address Bar Color in Mobile Browser with Meta Data

change-color

Want to make your blog different from other, continue to reading this post because in this post I am going to share how to change address bar color in Mobile Browser match with your WordPress theme color. Do you know Google Chrome Mobile Browser use a header meta data which identify the brand color, by default Address bar color of chrome mobile browser is white, and they offer to change as your needed.

Change Address Bar Color in Mobile Browser

You may have seen in many popular websites like facebook,  wpbeginner, bbc that when it is loaded in the browser then your browser’s address bar color has change with their own brand color. these websites use own brand color which match with their theme color. You can see an example in above image. I have also use own brand color with meta tag on this blog. Let’s go to know how to change address bar color in mobile browser.

Also Read-

Remember these meta brand color only show in chrome browser of android mobile version which using lollipop or newer versions.

How to Change Address Bar Color in Mobile Browser

It is very easy step to Match Address Bar Color in Mobile Browser with Your WordPress Theme. You can do it by simply add below meta tag in the <head> section of your theme.

<meta name=”theme-color” content=”#059D9D” />

Well, you can put this meta code according to your blogging platform. I am only explain the step for Blogger and WordPress users in this post

WordPress Users

Step#1- Go to Apperience >> Editor and click Header.php.

Step#2- search <head> tag in your theme and past above brand color meta tag below <head> tag and click Save changes.

wp-guide

Blogger User
Step#1- Click Template option from the dashboard admin menu and click edit html button.

Step#2- Find <head> tag in your theme and past above brand color meta code below <head> tag and click Save changes.

blogger

This code of brand meta work on all blogging platform like joomla and other blogging platform. You can change hex color code with your theme colour, if you don’t know how to find hex color code then you can find hex color code on this website.

I hope this post of Change Address Bar Color in Mobile Browser is very helpful to all of you if you like this you can share it with your friend and if you have any questions regarding this post then you can ask with me in below comment box.

Did You Enjoy this Article ?

If yes, Then enter your email below to get more such great articles in your inbox For FREE !

About Akhilesh Kumar 101 Articles
Hi Guys, I am Akhilesh Kumar, a professional-blogger from Jharkhand, India. Here at BanshidharInfo I write about Blogging, SEO, WordPress, Social-media, Technology and Making Money online.

1 Comment

Leave a Reply

Your email address will not be published.


*