Deactivate the phone number link for desktop

[pamelagillie]

I want to have the phone number tappable for mobile but not for desktop. How do I do this? I use this code for the topbar and also have links to it on 2 other pages.

xxx-xxx-xxxx

[ruenel]

Hello @pamelagillie,

Thanks for writing in!

You will have to use the @media and disable the pointer-events property of the telephone number link. You can add this CSS code into X > Theme Options > CSS.

@media(min-width: 980px){
  a[href^="tel"] {
    pointer-events: none;
  }
}

This code is the example code that disables the pointer-event property of the telephone link. You will be the one to maintain this code to make sure that this will always work whenever there are theme and plugin updates.

Best Regards.