Redirect or deactivate a link on desktop vs. mobile?

I’ve got a website using the Parabola theme, which has a great mobile version built-in.

On my site, I have small Contact icons, including a “call” icon, and an “SMS” icon. They work brilliantly on mobile using “tel:123456789” and “SMS:123456789” HTML code to automatically prompt a phone call or text message.

However, on Desktop, they are “unusable” links, which bring up an error page.

Check this page on desktop to see the issue (or on mobile to see it work properly:)
http://ianeric.com/contact

How can I remedy this?

I believe my simplest solution (but crude) may be another “step” page, with the phone number actually displayed. Desktop users would likely recognize this and simply call, while mobile users could still click the number. However I prefer something more elegant if possible, whereby the links are “deactivated” (or perhaps redirected) for desktop users. I’m not very experienced in PHP or CSS, but I’m also not afraid to dig in with good instruction.

Any advice is appreciated!