SOLVED

Prevent Hyphenated Text on Mobile

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.