Archived topic
Issues with Phone Numbers & Mail-Text on Safari & Firefox MOBILE
3 replies · Started by Sascha on December 21, 2021
Hi
please check the footer with real mobile phones on safari mobile & Firefox mobile. You will see that the numbers right to "Telefon" and mail-address right to "eMail" are too dark: https://orbilan.macbay.biz/produkte#footer (anchor works on mobile only)
Check this screenshot: http://media.macbay.net/_support/IMG_0BA0D20110C4-1_2771D70F.jpg
It looks like the phone number detection needs to be turned off in this case for Browsers like Safari and Firefox (both run on the same engine). Can you please provide this fix for this?
Also check https://stackoverflow.com/questions/22915881/the-phone-number-is-not-shown-in-safari-on-ios
Thank you in advance and kind regards,
Sascha
Hi there,
You can disable the format-detection by adding the meta:
<meta name="format-detection" content="telephone=no" />
to a wp_head hook element
Or alternatively make that content into tel: and mailto: links then your site styles will be applied.
Thanks, David.
I have transformed the phone-numbers and mail-addresses to tel:+49 2547 9301-26 and mailto:info@ORBILAN.de (and applied to the other numbers & addresses of course), but the issue remains and the colors (as defined in Customizer) are not applied.
The clients does not want to disable the auto-detection, so I cannot apply the "format-detection" meta …
Any other way to fix this?
Thank you in advance and kind regards,
Sascha
They have to be a link for the theme styles to apply to them.
