Desktop Vs. Resposive Email Sub-Lines

Anonymous
Not applicable

Desktop Vs. Resposive Email Sub-Lines

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:

0EM50000000SSXQ.jpg

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
Tags (1)
1 REPLY 1
Anonymous
Not applicable

Re: Desktop Vs. Resposive Email Sub-Lines

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