[contegi66Participant]

Dear Support,

I just upgrade to mac OS X 10.11.4 and I noticed a weird situation in my footer. On Safari (desktop) I see the footer correctly meaning all in white as in screenshot #1

Meanwhile on my Iphone and even Ipad (all upgraded) I see the same footer differently having phone and cell inputs in…green !!! (like if it was a link – links are in green in my site) (see in screenshot #2.)

I have no idea why and no matter I tried it still remains green. But if I replace input numbers by text it comes back to white !!!

Any clue????

[NicoModerator]

Hi There,

Thanks of writing in.

Would you mind sharing us your URL so we could check it on our side.

Thanks.

[contegi66Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

This happens especially on iOs devices. They tend to automatically create phone numbers into a link. Looking at the code in your page, you only have this: <span style="color:#FFFFFF;">&nbsp;+ 39 051 6661562</span> yet, iPhone and iPad made the phone numbers as if it is a link that you can click on. This has been around for quite sometime. To be able to override this in iOs devices, since you already have your child theme active and ready, please insert this following code in your child theme’s functions.php file.

// Remove telephone links on iOs devices
// =============================================================================
function remove_tel_uri(){ ?>
  
  <meta name="format-detection" content="telephone=no">

<?php }
//add_action('wp_head', 'remove_tel_uri');
// =============================================================================

This seems to be the right thing to do, according to the Safari Web Content Guide for iPhone

<meta name="format-detection" content="telephone=no">

If you disable this but still want telephone links, you can still use the “tel” URI scheme.

Here is the relevant page at Apple’s Developer Library.

Hope this helps.

[contegi66Participant]

Dear Support,

Thank you for this but it didn’t work. Phone numbers remained linked. Therefore I found on this apple page (https://developer.apple.com/library/mac/featuredarticles/iPhoneURLScheme_Reference/PhoneLinks/PhoneLinks.html) that adding a * would work. Indeed, even a bit odd/uggly, it works well. I would love to get rid of it but no way!

the code I got in the footer’s widget is this one:

<span style=”font-size: 1.1em; color: #ffffff;”>Siua<br />Istituto di Formazione Zooantropologica<br />
Via Ca’ Bianca 7<br />
40015 Galliera (BO)<br />
</br>Telefono: + 39 051 6661562*<br />Cellulare: + 39 340 2513890*<br />Email: <span style=”color:#FFFFFF;”>info@siua.it</span>
<br />

i’ll take any other advice you may have.

Best,
Gianni

[Rue NelModerator]

Hi Gianni,

Sorry if it didn’t work out. There was a typographic error in the code I have given to you. I went ahead edited your child theme’s functions.php file. The code should be like this:

// Remove telephone links on iOs devices
// =============================================================================
function remove_tel_uri(){ ?>
  
  <meta name="format-detection" content="telephone=no">

<?php }
add_action('wp_head', 'remove_tel_uri');
// =============================================================================

Please do check it again on your iPhone because I only have an android phone. Please let me know if this one works out.

Happy Weekend.

[contegi66Participant]

Hi Rue,

It works fine. Many thanks for your help.

Best,

Gianni

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts