Change address bar color in mobile browser to match with your website color

Have you noticed, when you open website in your mobile browser and the browser’s address bar color changed to related with website’s color? Okay! if you are not aware of this then open TechniqZone in your mobile browser and address bar will be changed to blue.

Change Address Bar Color In Mobile Browser
Address Bar Color

How to do this? Yeah! It’s very simple with meta tag. Add the below meta tags in your header and set color code in content attribute.

<!-- Android Phone -->
<meta name="theme-color" content="#3288c7">
 
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#3288c7">
 
<!-- iphone -->
<meta name="apple-mobile-web-app-status-bar-style" content="#3288c7">
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- For enable fullscreen mode. -->

Leave a Reply

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