SOLVED

line breaks in mobile responsive templates

Go to solution
Anonymous
Not applicable

line breaks in mobile responsive templates

I used one of the Marketo mobile responsive email templates for a recent trigger campaign (anniversary email). 

I notice that when I view the emails on mobile the copy in the headline will often extend to a second line, with the word at the end of the top line broken up with a hyphen (see "Reliable" copy in bottom half of screen shot below). 

Would appreciate advice ensuring that the copy doesn't wrap like this. 

Thanks!!

Geoff

0EM50000000Skxo.jpg
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Matt_Stone2
Level 9

Re: line breaks in mobile responsive templates

You should be able to control this with the CSS, though it will probably take an effort across different email clients. I'd start here and look at { hyphens: } in particular. https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/

View solution in original post

2 REPLIES 2
Matt_Stone2
Level 9

Re: line breaks in mobile responsive templates

You should be able to control this with the CSS, though it will probably take an effort across different email clients. I'd start here and look at { hyphens: } in particular. https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
Pierce_Ujjainw3
Level 9

Re: line breaks in mobile responsive templates

Hey Geoff,

If you don't want to mess around with HTML and CSS anymore, check out www.knak.io.

Will give you all the code for responsive templates that has been tested in Litmus, and you can just worry about editing it in the Marketo WYSIWYG editor.