tt ads

Many people ask me regarding how to add address bar color for mobile browser. In technical terms, I call it adding theme color meta tag in your website’s head tag. This will enhance your website’s user experience by adding theme color of your website to mobile browser such as Chrome. It is not yet supported in all the browsers, use Google Chrome browser for best results.

You can easily add theme color in your HTML Website as well as WordPress Website. Follow these steps and get it done:

Solution for HTML Websites:

Simply add following meta tag just before closing </head> tag:

<meta name="theme-color" content="#709b40" />

Replace the content attribute value to hex color code of your choice and save your file.

Solution for WordPress Websites:

Open theme editor (Appearance > Editor), in header.php file, simply add following meta tag just before closing </head> tag:

<meta name="theme-color" content="#709b40" />

Replace the content attribute value to hex color code of your choice and save your file.

If you find it unsafe to edit theme’s header.php file, you can download WordPress Plugin:¬†Color Mobile Browser Address Bar. You need to add your color hex code in the plugin options, and it will automatically add meta tag in header.php of your theme.

I hope this will help.

tt ads

Leave a Reply

Your email address will not be published. Required fields are marked *