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>
For a Desktop User Which is best? :If there is a functionality (Skype, contact card...etc) then yes. If there is not then not. Once the users clicks the link on desktop it will prompt them with a modal depending on their browser.
Manage your Google Account. At the top, tap Personal info. In the "Contact info" section, tap Phone. Remove number.
You can make a phone number a clickable link that opens a dial dialog on smartphones and mobile devices. To get started, highlight the number and click the Link button. Next, change the Protocol to <other> and paste the phone number into the URL box, with the prefix "tel:+" as shown below. Click OK when finished.
Href=tel: creates the call link. This tells the browser how to use the number. “Tel: 123-456-7890 “creates the HTML phone number. The number within the quotes is the number it will call.
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?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With