Clickable phone number in head

7 posts from 2 voices

• Started 4 months ago by mannystef
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   mannystef
   Member

   Text entered as a phone number in the Header textarea above Social media icons of the theme options does not become clickable on a mobile device. Other themes this works with no issues. If this is a responsive website then the point is to be able to be used on a mobile device which means that the phone number should be clickable. Can anyone please tell me what needs to be done to correct this issue before we build with a different theme.
   Thank you

   Posted 4 months ago #
2. 

   Devin
   Moderator

   Hi mannystef,

   Depending on the way you enter the number some mobile devices will auto detect the number. If it does not, you can use tel: in the link with the number to tell the device its a number and what that number is.

   Reference with examples: http://mobile.tutsplus.com/tutorials/mobile-web-apps/phone-number-links/

   Regards,

   Devin

   Posted 4 months ago #
3. 

   mannystef
   Member

   Thank you for the reply. I entered it the way I have on other websites we have created.. 555-555-5555 but it is not clickable on this template. I already ended up using tel: but the problem is that on a desktop it is a link that goes to a page that does not exist. Not a great solution.

   Posted 4 months ago #
4. 

   mannystef
   Member

   sorry... ment to say (555) 555-5555

   Posted 4 months ago #
5. 

   Devin
   Moderator

   Perhaps the other templates use some javascript to add the tel: to the link of a phone number field but this theme doesn't have a specific phone number only field and allows for a bit more flexibility.

   This is the "standard" solution as far as I know.

   Regards,

   Devin

   Posted 4 months ago #
6. 

   mannystef
   Member

   I have looked at all the code in your template and the other templates and even websites which we have created with straight HTML work.. I think there is a div tag or something preventing the phone number from being clickable.

   Posted 4 months ago #
7. 

   Devin
   Moderator

   The raw output for the text above the search bar is:
   <div class="small_header_info meta-color">Support Hotline: (555) 343 456 7891</div>

   In order for telephone detection to be off, at least from the apple dev docs would mean the following has to be present on the page:
   <meta name = "format-detection" content = "telephone=no">
   Ref: http://developer.apple.com/library/ios/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html

   As far as I know and doing searches of all the theme files, that is no where in the theme (not even telephone=no or telephone by itself.

   If you want your telephone number to be detected, use the tel: method in the number URL. Otherwise, there really isn't anything we can do.

   Regards,

   Devin

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.