[Solved] Phone numbers not displaying in Safari

[Stephen Mitchell]

I’m puzzled by phone numbers not displaying on a responsive site (http://thepiesource.com/contact/contact.html)on handheld IOS devices. It works fine in all desktop browsers. I’ve studied and re-written it several time to no avail..

Anyone have an idea as to where I’ve gone wrong?

[Senff]

Looks like iOS is recognizing the numbers and makes them clickable, assigning them a different color.

Try adding this to your CSS

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

[Stephen Mitchell]

That did the trick. Thank you Senff. Truly appreciated. Now I need to understand exactly why your fix was needed.

Again Thank you..

[Senff]

See my previous post — iOS recognizes them as phone numbers and makes them links. Since your CSS gives links the color white, these numbers will be white as well.

[Stephen Mitchell]

Ahh ha. Funny that it is doing that considering I’ve not had issues with it before.. Thank You Senff for your help. Very appreciated.

[Author]

Posts