Jump to content

Archived

This topic is now archived and is closed to further replies.

King Creative Design

Click to call phone number not working on mobile

Recommended Posts

King Creative Design

I'm trying to format a phone number for click-to-call on this site http://newsite.ocdla.com which is up in the header banner. I know mobile devices are suppose to detect phone numbers, but in this case it's not working. I am using a text box in the header to place the 'Call Now' verbiage with their phone number. I have tried it in multiple ways; with and without an href. I have tried the various phone formats (with parentheses and without, with a country code and without, with dashes and without, etc.) Regarding the styling, I tried it with an H tag (H6 in this case) and I have also tried using css.

None of the various combinations turn out a click to call result. It looks like a link, but no clicking is available.

Am I missing something?

Share this post


Link to post
Share on other sites
Danny

Hi,

Can you provide the HTML you're using please as the following should work.
 

<a href="tel:+1-222-333-4444">Call 1-222-333-4444</a>

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • dbrowne02
      By dbrowne02+
      Hi, the phone numbers on my website aren't clickable. They were at one point. Just realized that they no longer are. For example, in the masthead of brownelaborlaw.com, the 800 number isn't clickable. I tried adding this to advanced options editor, but it wouldn't save. I also tried adding that in the masthead tagline. Thanks in advance for any ideas you may have. Thanks! 
      Update: The code below works for all parts of the site, including accordions and other content. But it doesn't work for the masthead.
      <a href="tel:+1-222-333-4444">Call 1-222-333-4444</a>
    • dbrowne02
      By dbrowne02+
      Hi,
       
      I have the latest versions of Framework and Wordpress. Everything works great. However, when I view the website on an iPhone or iPad the phone number in my masthead (and the phone numbers in all other places throughout the site) changes from black to a gray color. I have tried to fix using the Browser Specific CSS plugin--I was able to change other elements in the Masthead but whatever is overriding the phone number to change it gray won that battle.
       
      I am trying to figure this out because I want to use DMS to improve my site, including adding some blue full width background sections. Of course, I'd want the phone number to remain black, white, etc. or else it's barely viewable on a blue background.
      My website is brownelaborlaw.com.
       
      Thanks in advance for any ideas you may have.
       
      P.S. I am trying to upload a 172kb iPad png screenshot but have unable to do so on either forum updater (advanced and basic).   
       
      Thank you.
×