Date being wrapped a link on mobile - help? | Community
Skip to main content
May 18, 2015
Question

Date being wrapped a link on mobile - help?

  • May 18, 2015
  • 2 replies
  • 1541 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Justin_Norris1
Level 10
May 18, 2015

@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

May 19, 2015

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!