Streaming live at 10am (PST)

Exported html changes color of phone numbers in mobile


#1

I exported a site from Webflow and uploaded to my clients godaddy account. The phone numbers in header and footer on mobile views changed colors. In the header the phone numbers turn to a dark gray and in the footer they are the same color as the background so they appear to disappear. I don’t know where the code is in the CSS to change this.

This doesn’t occur before export. Here is the test site: http://sagamore-61cdb4.webflow.io/
Here is the site on godaddy server: https://www.sagamoreyacht.com


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hi @cynthiand,

I took a look at your preview link and the published site, but I couldn’t find the phone links on the live site.
Have you been able to solve this issue or have you removed the links?

Let me know if you still need help with this issue - I’m happy to take another look and help further!


#3

Nita:

They are not links. The phone numbers in the header and footer in Mobile view changed colors from the webflow published version to the exported version I posted to the godaddy account:

For some reason they are fine in the webflow version but in the exported version they turn to either a dark gray or to the background color so they dissapear. Here is the screen shots of the exported version:

Desktop is fine but the iPad and phone colors change. I’m not sure where the code is to change this.

https://www.sagamoreyachts.com

Your help on this is much appreciated.

thank you

Cynthia


#4

Hi Cynthia,

Thank you so much for the additional screenshots as they were very helpful.

I was able to take a look at your project on our mobile devices, and the telephone links were styled appropriately:

Telephone links are similar to other links within you project, and may require additional styling so that they are viewed as expected.

Feel free to let me know if you are still experiencing this issue, and I’d be happy to take a look.


#5

Micah:
Are you looking at the webflow version? If so, it works fine there. On my iPhone, iPad (using Safari iOS browser) on my devices and my client devices the exported version on the godaddy server phone numbers turn to gray in mobile only.

Please advise.

Cynthia


#6

Great question.

Yes, the provided screenshot was from the live site, https://www.sagamoreyacht.com/

I would suggest creating an additional class (combo class) for your links for the color that you would like to have, then re-export, and re-upload your project to your host provider

Feel free to let me know once this is complete, and I’ll be happy to take a look for you.


#7

OK thanks. Looks like your test was from an Android mine was from iOS but I will try the combo class. Thanks for your help.


#8

Yes the combo class seemed to fix the problem thank you


#9

Awesome! Glad I could help! :webflow_heart:


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.