Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #746892

    I noticed that in the Enfold theme on my Mac, iPhone and iPad numbers become links and get a grey link color. This is happening in the header bar at the top of the site (av_phone).
    I created a green background with white text, and because of the automatic link on the iPhone e.g. the number is invisible.
    On desktop computers there’s no problem, except with Edge – that browser also makes numbers into links.
    How can I change numbers to “normal” behaviour? I tried the suggestions at this forum, but that didn’t help, so far.
    I have the latest version of ENFOLD.

    #747314

    Hey Aideon,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    #header_meta {
      background-color: #38964E !important;
    }
    }

    Best regards,
    Rikard

    #747416

    Hello Rikard,
    This didn.’t work. It’s not about the background color, but the phone number that is changed into a link. It’s still changed into a link automatically!

    #747801

    Hi,

    Thanks for the feedback. I think that is automatically added by the browser you are using then, because there is no link markup added on your site.

    Best regards,
    Rikard

    #748000

    Hi Rikard,

    That is correct. I understood from another thread at this forum that the next could help:

    function add_custom_code(){
    $output = “<meta name=’format-detection’ content=’telephone=no’>”;
    return $output;
    }
    add_action(‘wp_head’, ‘add_custom_code’);

    I should add this to functions.php – but I got a 500 Error when I did this. Could this help you on the way of a solution?

    Greetings,

    Adriaan

    #749974

    Hi,

    Sorry for the late reply!
    It should not cause a 500 error. Please try copying the code from here – http://pastebin.com/ZCCJeDat
    If that too does not help, please create a temporary admin login and post it here privately so we can look into it.

    Best regards,
    Yigit

    #750077

    Hello Yigit,

    I have added the new code:

    function avia_turn_off_detection(){
    echo ‘<meta name=”format-detection” content=”telephone=no”>’;
    }
    add_action(‘wp_head’, ‘avia_turn_off_detection’);

    to:

    child-theme: functions.php
    theme: functions.php

    No 500 error code this time, but the phone numbers are still displayed as links on my tablet and smart phone, and also in the Edge browser. I have removed the code from both files.

    Greetings,
    Adriaan

    #750144

    Hey!

    Please create a temporary admin login and post it here privately so we can look into it

    Best regards,
    Yigit

    #750450

    Hello Yigit,
    I’ve sent you a login. I’ve also made a back-up of the site.
    Success,
    Adriaan

    #750590

    Hi,

    I added the code to functions.php file of your child theme and tested on my iphone. Numbers are not clickable on my end. Please flush cache and review your website

    Best regards,
    Yigit

    #750682

    Hello Yigit,

    That woked. This code in functions.php of my child theme:

    function avia_turn_off_detection(){
    echo ‘<meta name=”format-detection” content=”telephone=no”>’;
    }
    add_action(‘wp_head’, ‘avia_turn_off_detection’);

    THANK YOU!

    Adriaan

    #750684

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Stop behaviour creating automatic links of phone numbers in top bar’ is closed to new replies.