Date being wrapped a link on mobile - help?

Anonymous
Not applicable

Date being wrapped a link on mobile - help?

Anyone know how to code a date in an email rich text section so that either mobile doesn't wrap it as a link or that won't change it's color. It's just an issue on mobile. Any ideas?

Ex. The all green blank is actually a date.

Image.jpg

Tags (2)
2 REPLIES 2
Justin_Norris1
Level 10 - Champion Alumni

Re: Date being wrapped a link on mobile - help?

Kimi Heskett​ this reminds me of a post I read recently about removing iPhone's auto-styling of phone numbers and dates.

You may find one of these methods helpful:

Update: Banning Blue Links on iOS Devices | Litmus

Anonymous
Not applicable

Re: Date being wrapped a link on mobile - help?

I would try to add a class to the link and then set a media query with parameters for the mobile screen. Something like this:

In your CSS:

@media screen and (max-width: 600px) {

.phone-link a{

color: #ffffff;

}

In your HTML:

<a href="800-123-4567" class="phone-link">800-123-4567</a>

This will make it so that the text color of the link stays white (or whatever color you choose) on screens fewer than 600px wide (phones/tablets). Let me know if that helps!