Phone number on front page mobile friendly?

Hey guys I have put a phone number on the front of my page:

when viewed on mobile however, you cannot press it to call.

Is there anything I can do here to enable this function?

It would be great to just tap the number and it calls.

Hello there,

Please try to follow the below 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-text').length ) {

    var text = 'Lets Talk ';
    var link = '<a href="tel:6652 9391">6652 9391</a>';
    
    $('.header-text').html(text + link);
  
  }

});

Make sure you use the correct phone number format that follows the tel:, so that the call function will work correctly.

  1. Update
  2. Add this CSS code into Appearance > Customize > Additional CSS:

.header-text a,
.header-text a:hover {
  color: #fff;
  text-decoration: none;
}

Regards,
Kharis