Docs

[bluetroop2]

I just launched a new site and noticed that when it displays on mobile (my iPhone specifically), the text for the phone numbers in the header portion and on the contact page turns white and then you can’t really see it. What code can I use to correct that?…

http://www.coppelldivorcelawyer.com/
http://www.coppelldivorcelawyer.com/contact-us/

ALSO on mobile display – A black bar appears above the header portion of the pages. How can I eliminate that black bar?
Thanks in advance.

[Prasant Rai]

Hello There,

Thanks for writing in!

I can confirm the black bar that is displaying on mobile. To remove that you can add this under Custom > CSS in the Customizer:

@media only screen and (max-width: 900px) {
   p.p-info {
    background-color: transparent !important;
}
}

However i am unable to replicate the phone number text color issue, would you mind confirming again? Can you please share screenshot?

Thanks.

[bluetroop2]

Thank you, that code resolved the black bar issue. Please see the attached requested screen shots of the phone number appearing white and non-detectable. FYI, I’m using an iPhone 6 with the Safari browser. Can you see the issue?

[bluetroop2]

Here is the other one.

[John Ezra]

Hi there,

Thanks for updating the thread! Upon checking your site, unfortunately, we are unable to see or replicate your issue on our end. Would you have happened to have solved your issue already? Your phone number is visible and not white on our end. Please update us otherwise – thanks!

[bluetroop2]

I’ve now checked the site on 3 separate iPhones and getting the same result (white text). While several online simulators I’ve tried have indicated the text to be showing in the correct colors, the actual devices I’ve tested on show the phone numbers appear in white. Can you please check this on other devices?

[Thai]

Hi There,

Please add the following CSS:

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

Hope it helps 🙂

[bluetroop2]

Works great, excellent! Thank you!

[Joao]

Glad to hear it.

Let us know if you need help with anything else.

Joao

[Author]

Posts