Prevent Hyphenated Text on Mobile | Community
Skip to main content
A
Anonymous
June 12, 2015
Solved

Prevent Hyphenated Text on Mobile

  • June 12, 2015
  • 1 reply
  • 2925 views

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:

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.

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

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.

1 reply

Scott_McKeighe2
Scott_McKeighe2Accepted solution
New Participant
June 12, 2015

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.

A
Anonymous
June 12, 2015

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.

Terms & ConditionsAccessibility statement

Loading footer...