Have you ever noticed that the Website like Facebook, Instagram, Flipkart, Airtel, and others have their own Address Bar Color?
Day by Day, The New version of Browsers have to come up with more customization. The customization contains features like customization of Address Bar color, icons, colored selector and many things. These simple things can increase your site looks, more compelling toward your Brand and can increase your site engagement and bring your users back.
These features were available only on Android 5.0 Lolipop or above with Chrome 39 or above. These features make a better experience for your website on Browsers in Smartphones.
You must have seen that the Brand color of a website always matches to their address bar color. Using the theme for address’s bar with matching your brand color will improve the user experience. It also helps to your users to keep in mind your brand color.
Let’s see How to change the address bar color or Toolbar color of browsers in Smartphone.
How to Change the Color of Address bar of Mobile Browsers
To modify the address bar color, You have to add the <meta> tag to your website. Add a <meta> tag with “theme-color” and a CSS color code as your desired brand color in content.
<meta name="theme-color" content="#ff6a00" />
If you want to change the color of the address bar for your website, It should be sum up on every page of your site or the main index page.
If you want to change the color of the address bar for your WordPress Blog, It must be added on the Theme Header (header.php) page in Appearance>>Editor>>Theme Header in between the <head> Tag.
If you added this code to your Blog or Website, then share your experience in the comment.