Dealing with tel: anchor

Question

I have an anchor to a telephone number. On phones is great. On desktops with Skype or Google Voice it\'s good. The problem is on desktops that just don\'t know how to deal w

Answer 1

The way that I've found to get around this is to use two separate links, although I am using the Foundation 4 framework, so not sure if this is available in other responsive frameworks.

I give the link that I want to use the "tel" anchor the class .hide-for-large, and the link to the contact page a class of .hide-for-small. This effectively hides and dhows the respective link, dependent upon the detected viewport width.

I'm sure there will be a similar class in something like Bootstrap. Of course, if you aren;t