How to disable link to phone number when on Desktop?

web tel
jaycodez picture jaycodez · Mar 15, 2013 · Viewed 52.9k times · Source

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 it up although. I don't know how.

<a href="tel:1300723579"><p><img src="assets/images/bt_calltoaction.gif" alt="View Projects" width="306" height="60"></p></a>

Answer

Jamie Cottrell picture Jamie Cottrell · Feb 11, 2014

Could you just have the code in twice? i.e...

<div class="desktoptel">0800 000 000</div>
<div class="mobiletel"><a href="tel:0800-000-000">0800-000-000</div>

Then just 'display:none;' on the relevant class depending on your browser sizes?

Related questions

Chmod 777 to a folder and all contents

I have a web directory /www and a folder in that directory called store. Within store are several files and folders. I want to give the folder store and all files and folders within the store folder all permissions. How …

Read More
The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

I have a project created by Maven integration in Eclipse. All work fine, but in the work space in all JSP files have this: The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path To the …

Read More
Cannot open local file - Chrome: Not allowed to load local resource

Test browser: Version of Chrome: 52.0.2743.116 It is a simple javascript that is to open an image file from local like 'C:\002.jpg' function run(){ var URL = "file:///C:\002.jpg"; window.open(URL, null); } run(); Here is my sample code. https://…

Read More