Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #194126
    Stephen Mitchell
    Participant

    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?

    #194142
    Senff
    Participant

    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;
    }
    
    #194147
    Stephen Mitchell
    Participant

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

    Again Thank you..

    #194149
    Senff
    Participant

    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.

    #194151
    Stephen Mitchell
    Participant

    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.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.