Get help. Give help. A Web Design and Development Community.

Clickable / Un-clickable phone numbers with media queries

  • Anonymous
    # January 17, 2013 at 11:51 am

    In the following example, I want the phone number to be “clickable” on small screens, but be regular “un-clickable” text on larger screens. I know I can add classes and duplicate the phone number to hide/show with the media query, but was wondering if there’s a way to “strip” the anchor tag off of the text, so I don’t have to duplicate the text?

    [CodePen Example]( “”)

    Hope this makes sense, thanks!

    # January 17, 2013 at 11:58 am

    Pointer-events will probably do it:

    # January 17, 2013 at 12:21 pm

    Thanks! I think that will work perfectly for what I need. You’ve always been such a great help to me and others around here @paulie_d, so thanks for that as well!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

We have a pretty good* newsletter.