Email Template On Mobile is Messed up

I created an email template, which I tested on my browser, and then sent it out to nearly 150 investors. it looks like on mobile, it is messed up, and the words overlap from line to line. I am slightly annoyed that this happened as it went to all of our potential investors, who knows who used their mobile to open it.

To avoid this from happening again, what should I do?

@PDriscoll I haven’t seen this happen on mobile before, it looks like there could be something wrong with the line height for the font.

To see if this is the issue:

1- clone the email

2- open the rich text source code

3- paste the code in your reply using the code format (click the three dots to reveal all of the tools first):

Hi Jnix, my one does not have the source code option

@JLi23 the screenshot was from here in the community, to share code within a reply, and from a Marketing Email within HubSpot. What you’re looking for is source code on a sales email in the HubSpot app which doesn’t exist as a feature/capability.

The accepted solution only works for marketing emails. In sales email templates, you don’t have access to the source HTML. I just had a conversation with HubSpot support on this, and it turns out that it’s because of a line height issue that came from copy-pasting the content into the template editor.

The solution for us was to clear the formatting on the template (or just create a new template and rewrite it by hand).

Hope this helps someone else!

Chris

P.S. this was only an issue for us on some iPhones. Never android or desktop, and not all iPhones lol.

Thanks for sharing @chris-profitpad, I’m not sure who accepted the solution, but you’re right, my guidance was for a marketing email and there wasn’t a response back from the OP to provide any further help or clarify it was a sales template/email. Sorry for any confusion, glad you got it worked out!