How to disable link to phone number when on Desktop?

Question

How can I add a phone number to a website that is clickable but hides the link when I\'m browsing on a website that doesn\'t support touch.

I could use Modernizr to set

Answer 1

You could use css media queries to control when its viewed as link and when not.

@media(min-width:768px){
 a[href^="tel:"] {
  pointer-events: none;
 }
}

anything below 768px will work as link, above that, just as text.