Download Latest Naija Music
By: In: Tech 60 Views

How to set the color of the address bar on Carrington mobile theme

address bar color carrington theme

Do you want to set the color of the address bar/status bar on your mobile browsers to match your carrington mobile theme color? Here is a simple and effective guide to set the color of the address bar so that when your site is viewed on mobile theme it will look cool like the before and after screenshot example below.

Before setting address bar color of carrington theme
Before setting address bar color
Address bar color carrington mobile theme
After setting address bar color

Steps to set the address bar color on carrington mobile theme

To set the color of the address bar follow 1 to 3 method below

  1. go to theme editor >> appearance
  2. Selec carrington theme
  3. look for function.php file
  4. insert below codes and press save function address_mobile_address_bar() {
    $color = "#008509";
    //this is for Chrome, Firefox OS, Opera and Vivaldi
    echo '';
    //Windows Phone **
    echo '';
    // iOS Safari
    echo '';
    echo '';
    add_action( 'wp_head', 'address_mobile_address_bar' );

Now you are done and if you visit your site on mobile phone it should be showing by now. Please remember there is another method you can use to achieve same result but that method is outdated. The method is to add <meta name="theme-color" content="#ff6600" /> which is a bad practice. Please follow the best practice I mentioned above.

Download Tophits Latest Nigeria Music

Related Post

More Headlines

Leave a Comment