January 23, 2013 at 4:41 pm #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 youJanuary 23, 2013 at 5:02 pm #104552
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/
DevinJanuary 23, 2013 at 8:47 pm #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.January 23, 2013 at 8:51 pm #104554January 24, 2013 at 3:24 pm #104555
This is the “standard” solution as far as I know.
DevinJanuary 24, 2013 at 5:33 pm #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.January 25, 2013 at 2:16 pm #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">
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.
The topic ‘Clickable phone number in head’ is closed to new replies.