Jump to content

Numbers in the mobile version changes colour and are made as phone numbers

Go to solution Solved by paul2009,

Recommended Posts

Posted

Hi,

I have an unusual situation in which I could not find an answer within the forum, thus I am asking for your help and support. I have emphasized and important numbers, which are in bold and blue color: "135 000 - 189 000". On the web version everything is ok, but opening on a mobile device the numbers:

A) are no more blue,

B) they are underlined, 

C) they now are clickable initiating a phone call.

 

What should be adjusted o what is the correct format to keep the needed design?

 

Many thanks in advance!

 

Richard

Posted

Can you share your website URL and this page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Thank you for the quick reply!

It is currently in private mode with password, but, if it helps, I can share screenshots or privately grant you access for viewing.

Let me know what would be best.

B6CFC01F-88A0-430B-8911-BE5F0F3DF28B.png

53EA61EF-5462-4B52-A4D7-4F6484D48D33.png

Posted

If you can share the site wide password here, and then change it later, that would help.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Thanks!

My suspicion is that this has nothing to do with your website, your phone is just trying to be helpful (too clever) and has recognised what it thinks may be a phone number. There is nothing in your website or code that would cause this to be a link.

Maybe you would try changing the way the numbers are written? A double -- or a , or '

135'000 — 189'000

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

  • Solution
Posted
6 hours ago, RichardMic said:

opening on a mobile device the numbers...are underlined...they now are clickable initiating a phone call.

As Ziggy explained, this can happen on Apple devices when iOS tries to identify phone numbers. I've written about how to disable this behaviour in this guide: How to stop numbers being converted to links on mobile.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.