Whatsapp Icon in Contact Header

Hello, I am using Sydney Pro and I need to change the email icon in the header to a whatsapp icon and instead of a mailto: click action I need it just like the phone action. Even if I enter a phone number instead of an email I still get the mailto: click action. It would be great if we could customize the header contact info in the same way we can customize the social icons in the social menu. Any help is appreciated.

Hello there,

To alter the output of default email contact on header, we can use jQuery code. Please follow these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

      if( $('.header-contact-info .header-email').length ) {

        var whatsapp = '0123456';

        $('.header-contact-info .header-email').html('<i class="fa fa-whatsapp"></i> '+whatsapp);



4 . Update

Ensure any applied cache is flushed after doing this changes as it stops the new code to take effect.