contact phone number mobile display issue

Need help? Please give a detailed explanation of your problem.
Post Reply
Lfrailey173
Posts: 380
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Thu Oct 23, 2014 4:16 pm
Website: www.realnoni.com

contact phone number mobile display issue

Post by Lfrailey173 »

We are having an issue where our contact phone number displays in a green font on mobile and tablet making it very hard for the customer to see. On desktop the phone number displays in white font which is much easier to see. How do we fix this on mobile/tablet so it displays in white too?

mobile/tablet:
phone display issue mobile.jpg
phone display issue mobile.jpg (341.68 KiB) Viewed 610 times
desktop:
phone desktop display .jpg
phone desktop display .jpg (150.23 KiB) Viewed 610 times
Mitchell326
AllPro Provider
AllPro Provider
Posts: 2
Joined: Wed Apr 08, 2020 11:04 am
Website: www.allprowebtools.com

Re: contact phone number mobile display issue

Post by Mitchell326 »

This is a known issue that folks on the Internet are complaining about with Apple products. You can read their suggested solutions here:

- https://medium.com/@stephenkeable/iphon ... 9e5139cc06
- https://stackoverflow.com/questions/353 ... rs-to-back

You can access your header and css stylesheet from the main menu in AllProWebTools by going to Settings->Administrator. You will see these files listed in the "Theme Editor"
Steve173
Posts: 110
Joined: Mon Jun 01, 2015 7:55 pm
Website: www.realnoni.com

Re: contact phone number mobile display issue

Post by Steve173 »

Pretty sure it's not just happening on Iphone....the customer that brought this to our attention was using a "Non apple" ipad.

1. Looked in AllProWebTools by going to Settings->Administrator and there is no such thing as "css stylesheet"...do you mean "stylesheet"?

2. Also the two links you provide suggest two completely different codes to add to the CSS to force Safari to keep the original styling…which one is correct?
option 1:
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

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

Which option should we use?

3. Also what line in the header do we add the code to?

4. What line in the stylesheet do we add the code to?
thanks!
Lfrailey173
Posts: 380
Joined: Thu Oct 23, 2014 4:16 pm
Website: www.realnoni.com

Re: contact phone number mobile display issue

Post by Lfrailey173 »

any feedback on which of the above is correct? The two articles you asked us to reference for guidance give two different code insert suggestions.....
Stephanie3487
AllPro Expert
AllPro Expert
Posts: 3
Joined: Tue Sep 15, 2020 10:15 am
Website: www.socialreachagency.com

Re: contact phone number mobile display issue

Post by Stephanie3487 »

You can try them both to see which one provides the desired results for your specific needs. You can add any Stylesheet changes to the bottom of the Stylesheet.
Lfrailey173
Posts: 380
Joined: Thu Oct 23, 2014 4:16 pm
Website: www.realnoni.com

Re: contact phone number mobile display issue

Post by Lfrailey173 »

Hi! We are not interested in just "trying" codes out as we've done so in the past and I'm sure you remember it did not pan out well. You asked us not to just try things again but to make sure we ask you for specifics so that's what we are doing... does Dave recommend option 1 or option 2?
Stephanie3487
AllPro Expert
AllPro Expert
Posts: 3
Joined: Tue Sep 15, 2020 10:15 am
Website: www.socialreachagency.com

Re: contact phone number mobile display issue

Post by Stephanie3487 »

ummm, we have never met. So I do not know what you are talking about. I was just trying to help you. We are a marketing agency that uses allpro for our customers and build websites and landing pages. We make changes to Stylesheets all the time with no problems.
Lfrailey173
Posts: 380
Joined: Thu Oct 23, 2014 4:16 pm
Website: www.realnoni.com

Re: contact phone number mobile display issue

Post by Lfrailey173 »

hmmm...ok we are super confused...we thought you worked for Dave since you were giving us direction on how to solve the problem. Thanks for trying to help us out. Yes in the past we made changes to the stylesheet and it really messed things up so Dave asked us to not make any changes until his team confirmed the code and input line were approved by him.

Random question for you since you are al AllPro customer too.... Do you typically get a response to your forum questions pretty quickly? We see many other AllPro customers getting responses same day or next day to their forum questions but we've been waiting almost 2 weeks on this one....
Post Reply