Did you see matched-color in the address bar while browsing any website like Wikilogy? Nowadays many websites like Facebook, Wikilogy, use color in the address bar to match their brand. Do you want to know how to change the color of the address bar in google chrome or any browser? In this tutorial, I will share how to change the color of the address bar in the mobile browser to match your WordPress site.
Why Should You Change The Color of Address Bar?
If you change the color of the address bar in your WordPress site, it will look impressive in the mobile browser. Changing the color of the address bar will attract visitors. It’s user-friendly like using a native mobile app. Besides, changing the color will increase UX (User Experience).
How to Change the Color of Address Bar in Google Chrome?
Let’s see how to change the color of the address bar in google chrome. Before making any changes, please generate a backup file of your WordPress site.
Change Address Bar Color by Adding Meta Tag in Header.php
To change the color in chrome, follow the instruction given below:
- Log in to your WordPress site
- Focus the mouse on ‘Appearance‘ & click ‘Theme Editor‘ from the left navigation menu
- Click ‘header.php‘ from the ‘Theme Files‘ on the left side.
- Add the following meta tag just before the closing