Grow your CSS skills. Land your dream job.

Clickable / Un-clickable phone numbers with media queries

  • # 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](http://codepen.io/msguerra74/pen/ksBuK “”)

    Hope this makes sense, thanks!

    # January 17, 2013 at 11:58 am

    Pointer-events will probably do it: http://codepen.io/Paulie-D/pen/nrjfb

    # 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.

*May or may not contain any actual "CSS" or "Tricks".