Phone numbers on the theme

3 posts from 2 voices

• Started 3 months ago by Toluco
• Latest reply from Devin
• This topic is resolved

Tags:

No tags yet.

1. 

   Toluco
   Member

   Hi.
   I've added our phone number onto the contact page, but it's not clickable on my iPhone on the Chrome browser.
   Normally tapping numbers on iOS ask if you want to call the number.
   Is it something that can be activated or do I need to add a widget?

   Separately I've added a Text widget into the sidebar under the 'Displayed Everywhere' tab that has a phone icon PNG and the number.
   This isn't clickable on iOS either.
   I also want the number to be next to the icon rather than underneath. I can't work out how to do this.

   URL is http://www.nlstudio.co.uk

   Thanks

   Posted 3 months ago #
2. 

   Toluco
   Member

   I've since found some HTML that activates this feature.
   This is the code I've used for anyone interested:
   <a href="tel:01234567890">01234 567 890</a>

   Although tapping the link brings the prompt up twice. Don't know why.
   Not sure if there's a better way of doing this?

   I'm still having trouble with the spacing of the Text widget though.
   The icon still sits above the number. I would like them on the same line.

   Thanks

   Posted 3 months ago #
3. 

   Devin
   Moderator

   Hi Toluco,

   Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
   

   #text-2 a img {
   float: left;
   padding-right: 5px;
   }

   As for the links for phone numbers, that is the the only way I know of to tell iOS a phone number but I'm not sure if its a standard yet or not. If it works, it's up to Apple to keep it that way and others to adopt it or not.

   Regards,

   Devin

   Posted 3 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.