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

I found the best way. I get that this is old, but I found a very easy way of doing this.

Using this code below

888-555-5555

//This is the logic you will add to the media query
.not-active {
   pointer-events: none;
   cursor: default;
}

In your CSS make use of media queries. So make a media query for all desktops

@media only screen and (min-width: 64em) {
    /* add the code */
    .not-active {
       pointer-events: none;
       cursor: default;
    }
}

Now all desktop sized pages wont be able to click on it.