Phone number not showing on iPhone, Monochrome Pro

[di]

I added an additional header to my Monochrome Pro theme for a contact phone number. All works great except on iPhones. The names preceding the phone number are there in white as they should be. The phone number is black/blue and basically unseen in the header. I'm not finding where I can make this adjustment. Thanks.

http://therealestateduo.com/

[Victor Font]

The link is set to the site's accent color, which is the same as the before-header background. I would add a class to the link element so you can control its color better.

As an FYI, if you're not using Safari, I suggest installing it. Safari dev tools allow you to see the source on an iPhone when it's connected to your computer. It works the same as the any browser's built-in inspection tool does on a regular website.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[di]

Thanks @VictorFont for your helpful ideas. I'm slow in taking action but finally did so today.

In style.css, I added the following code:
.white {
color: #FFF; /*ADUNATE added so phone number on cell phone is white*/
}

In the widget, I changed the html to this:
<h4>
Call or Text June & Terry <span class="white">262-528-3862</span>
</h4>

Unfortunately, this didn't bring any change. Anything I should correct? Perhaps anything else?

Also, thanks for your Safari suggestion. I am using it. Dumb question, how do I do Inspect Elements for/on an iPhone?

[Author]

Posts