Gmail app showing gaps between words on hyperlink underline

268 Views Asked by At

I'm building email templates in Marketo. In the Gmail app for iOS, hyperlink underlines appear broken between hyperlinked words. I'd like the underline to be a solid line with no gaps.

Screenshot:

There is nothing particularly unique about how I have coded the anchor tags:

<a href="${linkUrl}" style="display: inline-block;text-decoration: underline;">${linkText}</a>

I'm not experiencing this in any other email clients, and I haven't found anyone else seeking help on this issue. One other funny thing is that when you click the link in gmail, the gaps disappear.

Has anyone experienced anything like this? Any ideas what could be going on?

1

There are 1 best solutions below

0
bobbaker404 On

I've been having the same issue with Marketo doing this until today. I checked the HTML of the email & noticed that the words were on separate lines instead of just having a space between them. I replaced the space with a non-breaking space &nbsp; and that seemed to fix the issue.