Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19677

    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

    #104552

    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

    #104553

    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.

    #104554

    sorry… ment to say (555) 555-5555

    #104555

    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

    #104556

    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.

    #104557

    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

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Clickable phone number in head’ is closed to new replies.