How to Change Browser Address bar color and Android Status bar in newest Android Chrome version

Have you noticed that many popular websites like Facebook, Desinema use their own brand colors for the address bar in mobile browser. How to change the color of address bar in mobile browser to match their WordPress theme? In this article, we will show you how to change the color of address bar in mobile browser to match your WordPress site.

change browser address bar color beforechange browser address bar color

Change browser address bar color

You need to place the below code inside <head></head> tags.

Most of the WordPress themes have a default option to add scripts in the header. In case if you don’t have such option in your theme, Go to Appearance > Editor and add the code in header.php

In blogger or static sites, you can directly add this into your XML/HTML template.

Meta tag to be added

If you are using WordPress Child Theme, just add this below code in functions.php file.

Notes

  • Please change your HEX code as the content value
  • It won’t work in Incognito windows.

 

Vijayan J

Thanks for stopping by guys! I’m Vijayan and Techpulse is my beloved brainchild.
Currently working as a PHP developer in a digital marketing start-up, I’m overly passionate about not just learning new things but also putting those into practice. I swear by a quote I once came across…
‘What separates successful people from unsuccessful people is the former’s ability to execute’.
Feel free to reach out to me if you have any questions, suggestions or feedback. Hoping to see more of you here!