CODEWITHSUNDEEP
htmlioscssipadsafari
HDP
HDP

Reputation: 4221

text wrap issue with Safari on iOS iPad

I have got a browser specific design issue with Safari iOS (using ipad). phone icon which I placed in the label field for that menu, bumps up to a second line. It is working fine other browser.

enter image description here

I tried with white-space:nowrap CSS. but that doesn’t work. So I am not sure if this is a wrap problem.

Any help would be greatly appreciated. Thanks

Upvotes: 0

Views: 1078

Answers (1)

HDP
HDP

Reputation: 4221

I have realized. Safari will auto-detect any phone numbers on a web page and turn them into links.

In the <head> of your web pages, add:

<meta name="format-detection" content="telephone=no" />

Upvotes: 2

Related Questions