Hello, Looking at my website, the telephone numbers display correctly on a desktop site. However when viewing it on iPhone (safari) the numbers dont display correctly. The colour changes to white and you cant see it against the white background. Let me know if you can help Thanks
It doesn't really change to white. You have a fixed width on your header container, and that is the cause of the problem. There's not easy fix really -- if you remove that fixed width, it breaks the layout. What I would do is axe that bloat of a presentational outdated markup and rewrite it from scratch. Removing that bandwidth-consuming slider would be a good idea as well.
The cause of the problem is that iPhones change the CSS of numbers so that you can click on them and it will open the phone app to dial the number. The problem is i dont know how to fix it.
If that's the only issue (and I doubt it), all it takes is to basically "hide" that number from the device and tell it not to dick with the layout. Like this for instance: 0800 6<span></span>34 0790. Adding an empty SPAN tag is the quickest fix IMHO. Just make sure that you don't apply any style to that SPAN. It is a non-semantic inline-level element and doesn't change the structure of your markup as such. Your markup is purely presentational anyway (and that is BAD). Adding a comment there works as well, but I prefer this method.