How to change phone number colour in Header section when viewed on mobile phone

[Brian]

Hi Support,
Can you tell me how to change a phone number colour in the Header section when viewed on a mobile phone? The colour displays fine in the desktop layout but for some reason the colour of a phone number in the Header section of this theme displays in a pink colour when viewed on a mobile phone.

I have been through the Customise section of theme and removed all pink colours but still the phone number shows up in pink in the header section of this theme when viewed on a mobile phone.

[Sonal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Dave

[Brian]

Hi Dave,

Just to say that I have sorted this issue out myself. In case anyone else gets the same issue then it looks as though (for example) mobile phones (in my case an Iphone) automatically highlighted a telephone number in a different colour when viewing the website on a mobile phone. The way to get around this is to use <span></span> within a telephone number.

Example:
Instead of:
Tel: 01234 012345

Use this format instead:
Tel: 01234<span></span> 012345

Hope that the above is of use to others.

[Sonal S Sinha]

👍

[Author]

Posts