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.
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.
- How to Get Notified when Google Indexed New Blog Post
- Complete Setup Google AMP for WordPress Blog (Beginner)
- Setup Free SSL Certificate (HTTPS) using CloudFlare for WordPress
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
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.
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.
This code of brand meta will 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.