Code to Change WordPress Website Address Bar Color for Mobile Browsers

/* Change Browser Header Color */
add_action('wp_head', 'wpflt_header_function_header_color');
function wpflt_header_function_header_color(){
echo '<meta name="theme-color" content="#673AB6">';
}

If you already have specific theme/ plugins that allow you to add codes to header, use them. Or else, add the above code to your child theme’s ‘functions.php‘ to change header color on mobile browsers.

Currently only Android Chrome and iOS Safari browsers are supported. Android Firefox may not support this as the address bar now stays at the bottom. Safari recently added the header color support.