I was blasting through a PSD to Genesis project yesterday and opened up Safari on my iPad mini at the end of the day, only to find the numerous phone numbers on my client site were all the hyperlink orange, which didn’t always go with the design, besides being a visual distraction. I really wanted to disable mobile browser telephone links to regain control of the design.
Solving it is very simple, though. Go to the Genesis settings page and scroll down to the header scripts box and enter:
I refreshed the mobile browser and all was well.
(If you still don’t have the Genesis Framework, join the best WordPress theme community with your own copy.)
Why not just style links that contain telephone numbers so they blend better? I understand your point, I just feel that taking control of the design shouldn’t include taking control of default browser behavior that the site’s visitors may expect and get disappointed by the lack thereof. Just my 2¢ 🙂