Issue with Mobile Rendering

[kenmckown]

I am having an issue with iOS rendering in Email on Acid. My text is overlapping. What is weird is that the same text blocks, with smaller text, are not having this issue. Anyone else ever have this, and if so how did you fix it?

[Jo_Pitts1 · Accepted solution]

@kenmckown ,

without seeing the code, I'm guessing you have a line-height set that is causing this.  If it's only happening in mobile, I can see two reasons:

1. In desktop the text fits on one line, so the issue is there but you don't notice it.
2. It's in a responsive class.

Inspect the element in Marketo's preview and see what there is to see about line-height in the computed CSS, and work back from there.

Cheers

Jo

[Disha_Goyal6]

Hi @kenmckown please share the HTML of email template.

[Zoe_Forman]

Hi @kenmckown have you resolved your issue, was it a row height issue? I have seen this issue myself before in EOA.

If not resolved can you share your HTML CODE as requested by @Disha_Goyal6  and @Jo_Pitts1 who looking to help you.

Please return to thread and let up know if this is resolved or you need more help.

Thanks, Zoe 

[kenmckown]

Apologies, I was out for the holidays. Yes it appears it was a line height issue, weird as the other paragraphs have the same line height and don't have issues. I made a change and it looks good now.

Thanks all!

[Zoe_Forman]

Great to hear its sorted 

[Jo_Pitts1]

@kenmckown ,

I don't think it's surprising at all.

Your next paragraph is only one word.  Line height won't be an issue there.

Your last paragraph is a smaller font size, and so the line height is probably perfect for that font size.  

Cheers

Jo