Add mobile number into site header

Hi All,

I need help adding my mobile number into my site header section. The version I'm using has a appointment button and social link but I can't add a mobile number which is important. Any help would be amazing. This is not my forte at all.

Please help

Olwen

Hi,

Just a phone number or phone number + make it clickable (open app on mobile)?

What is site url? We can check easier

Follow this to add phone to header

Add this code into pages > web tools > code injection > footer:

<script>
  document.addEventListener('DOMContentLoaded', function () {
    // Find the header container
    var header = document.querySelector('.header-display-desktop');
    
    if (header) {
      // Create a new span for the phone number
      var phoneNumber = document.createElement('span');
      phoneNumber.textContent = 'Call us: (123) 456-7890';  // Replace with your actual phone number
      phoneNumber.classList.add('phone-number-style');  // Add a class for styling
      
      // Append the phone number to the header
      header.appendChild(phoneNumber);
    }
  });
</script>