only add href="tel:" when detects mobile device

Question

I list a phone number on my website at the moment and it is currently linked to "tel:myphonenumber"... how can I remove this a href unless the site is loaded on a mobile?

possible duplicate of [How can I make an only active on mobile devices?](http://stackoverflow.com/questions/13409089/how-can-i-make-an-a-href-only-active-on-mobile-devices) — John Conde, Dec 05 '12 at 00:53
seems to be the same sort of question. how can I tell if the vcard is actually working? I don't know how to clear cache on an iphone to test with and without the div's... — Reece, Dec 05 '12 at 01:17

score 0 · Answer 1 · edited May 23 '17 at 11:51

0

This has already been answered here How can I make an <a href> only active on mobile devices?

You should use microdata. As Mobile phones will recognize it, and it won't affect normal web browsers.

<div class="vcard">
    <div class="tel">
        12345555555
    </div>
</div>

edited May 23 '17 at 11:51

Community

1
1

answered May 19 '15 at 05:20

Rami Alloush

2,308
2
27
33

score 0 · Answer 2 · answered Nov 03 '17 at 13:15

0

HTML

 <td><a href="tel:888888">888888</a></td>

CSS

@media screen and (min-width: 1224px) { a[href*="tel:"] { pointer-events: none; } }

answered Nov 03 '17 at 13:15

Ashutosh Jha

15,451
11
52
85

score -2 · Answer 3 · answered Dec 05 '12 at 01:21

-2

Unfortunately there is no way to accomplish that.

answered Dec 05 '12 at 01:21

Brian Cray

1,277
1
7
19

As you can see [here](http://stackoverflow.com/questions/13409089/how-can-i-make-an-a-href-only-active-on-mobile-devices), there is a way... – poplitea Dec 05 '12 at 01:24
There is definitely a way to do this. – ThN Aug 01 '19 at 14:11

only add href="tel:" when detects mobile device

3 Answers3