themecolor partially displayed on mobile device

CGKomm · September 2016

The themecolor-tag for the phone number and email-adress works fine on desktop. But on my iPhone (safari browser) it is only partially displayed in themecolor: http://augsburgliving.de/WordPress/impressum/. Why?

Albert · September 2016

Hi,

could you explain what is exactly displaying partially?

CGKomm · September 2016

it's only on iPhone, pages: "Home" and "Impressum" (Phone-Number, Fax-Number) are not completly in themecolor ... screenshots:
https://www.dropbox.com/s/pe7tofopkpgneme/IMG_6661.PNG?dl=0
https://www.dropbox.com/s/o3jhho662crswtl/IMG_6660.PNG?dl=0

Albert · September 2016

Ok, got it. So the color of phone number is different on devices like iPhone because such devices read the phone numbers themselves and we do not have any impact on it. As you can see, iPhone is just ignoring the color that comes with theme. What you can use is the following css and this is the only solution we have so far:

a[href^=tel] { color: inherit; text-decoration: none; }

CGKomm · September 2016

thanks!

Albert · September 2016

You're welcome!

themecolor partially displayed on mobile device

Comments