"tel:+18475555555" link does nothing when clicked on mobile devices

Question

So, I wanted to make the phone number of my site click-able so I used the below syntax:

<div class="col-md-8">
...
<h3>
<a href="tel:+18475555555">1-847-555-5555</a>
</h3>
...
</div>

When I click this phone number from my desktop's firefox browser it asks me whether I have to open it with Skype.

However, when I click on it from my mobile (tried both Android Galaxy S3 and an iPhone 5), nothing happens. How do I trouble shoot this?

Yep, I did... just now. Still the number is not clickable on the iPhone :( — Bhavani Kannan, Aug 15 '14 at 22:58
@BhavaniKannan Are you trying to use the US Country Code of `+1`? — Danger14, Apr 15 '15 at 15:58
@BhavaniKannan Related: http://stackoverflow.com/questions/17219688/href-tel-and-mobile-numbers?rq=1 — Danger14, Apr 15 '15 at 16:00

Ramsay Smith · Accepted Answer · 2014-08-16T01:23:11.887

2

Drop the + in front of the number.

<a href="tel:18475555555">1-847-555-5555</a>

It's not required and should not affect how a desktop browser handles it.

EDIT:

I now found that you need to either drop the country code (in this case the 1 for US), and/or separate the actual number with dashes:

<a href="tel:1-847-555-5555">1-847-555-5555</a>
<a href="tel:8475555555">1-847-555-5555</a>

edited Aug 16 '14 at 01:23

answered Aug 15 '14 at 21:00

Ramsay Smith

Very minor change, but I think it should be _affect_ instead of _effect_. – Léo Lam Aug 15 '14 at 21:03
Yes indeed. Good on you for the grammar check! :D – Ramsay Smith Aug 15 '14 at 21:32
Yes I just now tried without a + and still nothing happens when I tap on it from a mobile phone :( – Bhavani Kannan Aug 15 '14 at 22:58

1 Answers1