Change Browser tab color on mobile

Support
#1

Hello!

I’m trying to add this code to header.php via SFTP but I’m not exactly sure what’s the code to input before and after <meta name="theme-color" content="#ff6600" />

Please advice.

My site is theoptometrypractice.sg

https://stackoverflow.com/questions/45787609/change-browser-tab-color-on-mobile/45787657#=

#2

Hi There,

Please add the following code under functions.php file locates in your child theme:

add_action( 'wp_head', 'x_insert_header_scripts' );
function x_insert_header_scripts(){
	?>
	<meta name="theme-color" content="#ff6600" />
	<?php
}
#3

Hello Thai,

Thank you for your quick reply. I’ve added the code to my child theme’s functions.php but my browser tab color didn’t change. Would you be able to advice?

Thank you :slight_smile:

#4

Hi There,

I couldn’t find that meta tag when I viewed the source of your website.

Could you please provide us with your admin account so we can take a closer look?

Thanks.

#5

Sure, I’ve added it above

#6

Hi there,

I checked and it works in Android Chrome, maybe it’s your browser cache? Please clear your caches, or maybe your browser doesn’t support tab coloring?

Thanks!