-
Posts
-
I have “CALL NOW” button on the home page of this site http://collectablesandcoins.com/. I have the button link set to Manually to tel:4107420955
When I click the button on a cell phone it works fine. On a PC I get everything from asking if I would like to open with Skype, Open URL:Tel Protocol?, to can’t open page. Is there a method of programming a button to call on a mobile device but do nothing on a PC like a regular phone number hyperlink?
Hey Perry,
A simple work around to change the CSS to hide the visible link indication (color, text-decoration, cursor) on mobile.
Best regards,
Jordan ShannonHI Jordan,
Thanks for the thought but I don’t think its useful one for this scenario. It’s a button, not a link, so it implies you should click on it. Do you have any other thoughts? Thanks again! – Perry
Hi,
For Cross-platform compatibility (Android + iPhone) you should use this format for your phone links:tel://1-555-555-5555For making your button not clickable on desktops try adding this CSS:
@media only screen and (min-device-width : 770px){ .avia-builder-el-14 a{ pointer-events: none!important; } }But that got me thinking that you then have a blue button that is no help for desktop users, so lets add your phone number to the button text so they can easily see your number and call you:
@media only screen and (min-device-width : 770px){ .avia-builder-el-14 a{ pointer-events: none!important; } .avia-builder-el-14 a .avia_iconbox_title::after {content: ' (555) 555-5555';} }Desktop users (no click):
Mobile users (click to call):
Best regards,
Mike
- You must be logged in to reply to this topic.