2

I have a broblem with this site where, on an iPad 3 and iPhone 4, I am finding the the mobile number is being removed/hidden when the element only contains a numerical value. When I prepend the value with "mob-" it works.

<span class="r" style="width: 100%">mob-0123456789</span>

So, when I have it like this below it doesn't show:

<span class="r" style="width: 100%">0123456789</span>

I have raked through my @media queries, but I can't find anywhere that is preventing it from displaying. The site is responsive so there are a number of @media queries for different screen sizes. It displays differently on an iPhone as it does on an iPad, but the hidden numeric content is the same on both.

crmpicco
  • 16,605
  • 26
  • 134
  • 210
  • 2
    http://stackoverflow.com/questions/3736807/remove-styling-of-telephone-numbers - might be worth a look – Ray Alex Feb 08 '13 at 22:25
  • 1
    Strip out all styles...if you still can't see the value, @RayAlex is probably on the right track. – Tim M. Feb 08 '13 at 23:09
  • @RayAlex Spot on, Ray. I added `` to my meta tags and this resolved the problem. Check the link above on an iPhone. Do you want to submit this as an answer? – crmpicco Feb 11 '13 at 17:00

1 Answers1

2

In reference to How do I remove the blue styling of telephone numbers on iPhone/iOS?

If you add the following to the meta tags, this should resolve the issue.

<meta name="format-detection" content="telephone=no">
Community
  • 1
  • 1
Ray Alex
  • 475
  • 2
  • 5
  • 17