Desktop Vs. Resposive Email Sub-Lines | Community
Skip to main content
September 23, 2014
Question

Desktop Vs. Resposive Email Sub-Lines

  • September 23, 2014
  • 1 reply
  • 569 views
Hello All,

I am currently facing a very time consuming issue with creating sublines for my emails.

For my emails, I have two sub lines that sit on top of eachother see example:



Now I have built custom tables with two 2 rows in Marketo at the top of email, built custom tables in DreamWeaver, changed serious snippets of code, and even played with single and double line spacing in Marketo's email tool.

Unfortunately, spacing for my sublines are showing different for emails on mobile and desktop. For example, both sublines may abut eachother on the mobile email version, where as there is majoring spacing on the desktop verson.

I understand this may be do spacing/sizing of the email (responsive). Are there any tricks to fixing this spacing issue?

Thanks,
David
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

September 23, 2014
Hi David.

I'd use just a single div, p, or span to contain the headline. Then in the style specify the line-height you want to use. Then if you're using a responsive email and you change the headline size at different device widths, just include the new line-height a well.

http://www.w3schools.com/cssref/pr_dim_line-height.asp