Different color phone number on Apple mobile devices

If you have a telephone number, that is not linked, displayed on your website and you check your website on an Apple mobile device, like iPhone or iPad, then you might see your telephone number displayed in a different color (than it should be). This happens, because Apple mobile devices detect unlinked telephone numbers and make them linkable, which results in a different color link.

This functionality can be disabled by adding some code in the <head> of the website’s HTML.

  1. Install plugin Add Code To Head.
  2. Add this code to Settings » Add Code to Head:
    <meta name="format-detection" content="telephone=no">

That will disable this Apple automatic functionality and display the telephone number in the correct color.