Custom Mobile Browser Theme Tab Colour

Posted on: June 30th, 2016 by carnfield

Hello everyone, Carnfield welcome you to another useful code hint /tip.

Today we are looking at mobile browser window colour changes. 


View the Office Google Post about this.

You may have noticed browsing around the internet how some websites have shiny colour coded tabs / browser windows.

Well, we’ve been asked time and time again about it, and its a really simple short line of coded adder to your head, you can stick it just before your page title code for example.

Here is the code:

<meta name="theme-color" content="#64257b">

This will give your website a purple bar just like Carnfields website. Obviously to change the colour simply input your new colour instead if ours, easy as pie!

Thanks for reading, and we hope it helps!

Tags: , , , , ,

Leave a Reply