Google recommends using 192x192px PNG file. Add favicons as wellĪdd the below link tag to the head section. Does it work for you? Let me know in the comment section. Unfortunately, it didn’t work for me on both Firefox and Opera browsers. Theme-color meta tag for Firefox & OperaĪccording to Google’s official document, the same meta tag used for Chrome should work with Firefox and Opera. Theme-color meta tag for iOS Safari and Windows Phone No, theme-color meta tag will work on Chrome versions 39 and above. In Performance > Dashboard and click “ empty all caches” button.ĭoes this work on all versions of Chrome? For example, if you are using cache plugins such as W3 Total Cache on WordPress site, then you need to clear the cache as shown below: You may need to clear cache of your website to see the change immediately.
Now go ahead and browse your website in Chrome mobile browser and I’m sure you will love it. In the above tag, remember to set HEX value to the content attribute.
For example, if your website is powered by WordPress, then add the tag in child theme’s header.php. How to Change Chrome address bar color to match Website ThemeĪll you need to do is, just add the below meta tag in head section of your website. So matching the browser’s address bar color with website’s theme color will bring that native app-like look & feel, which improves user experience and conversions. What’s the difference between using an app and browser in mobile? The app does look native on your mobile, whereas a webpage in browser still has the traditional look & feel like desktop browsing (a grey address bar). Why match chrome address bar color with website’s theme color? This tutorial will explain how to change chrome address bar color and why matching the color with your website’s theme is a good idea.īefore we start, have a look at the screenshot of websites that matches their theme color with the address bar of Chrome. Ah! did you check the address bar while reading this article? Do you feel wow and like to implement the same for your website? Well, then you have landed on the right page. Have you noticed the color of address bar in Chrome for Android while visiting popular websites? If not, just visit Facebook in Chrome browser for Android where you will see color of the address bar changing to Blue (the brand color of Facebook).
0 kommentar(er)
