SOLVED

Prevent Hyphenated Text on Mobile

Subscribe
Go to solution
Anonymous
Not applicable

Prevent Hyphenated Text on Mobile

I'm having an issue with hyphenated text appearing when opening our emails on a mobile device. I'm using a Marketo responsive template, so I don't see why this is happening.

Here is a look at what's going on:

IMG_4013.PNG

It's very distracting and makes the email hard to read. Any thoughts about fixing this? My HTML/CSS knowledge is all self-taught, so I'm not an expert, but I'm fairly comfortable playing around with it, if that helps.

1 ACCEPTED SOLUTION

Accepted Solutions
Scott_McKeighe2
Level 5

Re: Prevent Hyphenated Text on Mobile

Take a look at this link from CSS-Tricks.com: https://css-tricks.com/almanac/properties/w/word-break/

From the looks of things your template uses a combination of the word-break property and hyphens property. I'd check its CSS to confirm that and see if you can tweak it from there.

View solution in original post

2 REPLIES 2
Scott_McKeighe2
Level 5

Re: Prevent Hyphenated Text on Mobile

Take a look at this link from CSS-Tricks.com: https://css-tricks.com/almanac/properties/w/word-break/

From the looks of things your template uses a combination of the word-break property and hyphens property. I'd check its CSS to confirm that and see if you can tweak it from there.

Anonymous
Not applicable

Re: Prevent Hyphenated Text on Mobile

Thanks, this seems to be the issue. I wasn't sure what exactly to look for, but you've pointed me in the right direction.