Tagged: bar, header, phone number
-
AuthorPosts
-
February 14, 2017 at 2:05 pm #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.February 15, 2017 at 7:33 am #747314Hey 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,
RikardFebruary 15, 2017 at 11:22 am #747416Hello 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!February 16, 2017 at 7:03 am #747801Hi,
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,
RikardFebruary 16, 2017 at 3:54 pm #748000Hi 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
February 21, 2017 at 2:15 pm #749974Hi,
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,
YigitFebruary 21, 2017 at 6:13 pm #750077Hello 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.phpNo 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,
AdriaanFebruary 21, 2017 at 8:13 pm #750144Hey!
Please create a temporary admin login and post it here privately so we can look into it
Best regards,
YigitFebruary 22, 2017 at 12:49 pm #750450Hello Yigit,
I’ve sent you a login. I’ve also made a back-up of the site.
Success,
AdriaanFebruary 22, 2017 at 6:45 pm #750590Hi,
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,
YigitFebruary 22, 2017 at 9:34 pm #750682Hello 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
February 22, 2017 at 9:37 pm #750684Hi!
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 -
AuthorPosts
- The topic ‘Stop behaviour creating automatic links of phone numbers in top bar’ is closed to new replies.