Navigation
Archive / Telephone Number Link on mobile only
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 17, 2017 at 6:30 am #1410910
    aleadfreak
    Participant

    Hi,

    I’ve currently got a href link to my contact number on many pages of my site. Couple of things:

    1) According to SEOPressor this link is classed as a broken link? Is that right?

    2) How do I go about making this only clickable on mobile devices?

    Thanks

    Alex

    March 17, 2017 at 10:48 am #1411149
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    March 21, 2017 at 4:34 am #1414707
    aleadfreak
    Participant
    This reply has been marked as private.
    March 21, 2017 at 10:46 am #1415094
    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the URL.

    1. Please replace your link with the following link:

    <a href="tel:01442780321">01442 780321</a>

    2. To make it clickable only in mobile devices, first give it a class e.g:

    <a href="tel:01442780321" class="telephone">01442 780321</a>

    Then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    @media screen and (min-width: 768px) {
.telephone {
    pointer-events: none;
}
}

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1410910 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>