Email Template On Mobile is Messed up in Apple Mail App

Everything looks great on computer and GMail. But on the Apple Mail app it comes out like this all compressed together. Is there a way to fix that? I saw a thread posted in 2024 about this and it seems it’s still an ongoing issue.

Hi @ocdetail and welcome, we are delighted to have you here! :hugs:
I’d like to thank you for sharing your valuable feedback with the HubSpot Community! This means a lot to us.
I have shared it internally to bring more visibility to it.
I have found similar threads that might help you:
- The solution from @chris-profitpad on this post “Template works everywhere except Iphone Mail app - looks smooshed
- The solutions from @CHawkins and @tverdokhlib1 on this post “Native iOS Mail App - Issue Plain Mail Design
Also, I’d love to ask our Top Experts: Hi @CHawkins, @chris-profitpad and @Stephanie-OG do you have tips to share with @ocdetail, please?
Have a fantastic day and thanks so much in advance for your help!
Kind Regards,
Bérangère

Hi @ocdetail,

  • Before sending out emails, utilize HubSpot’s in-app email testing feature to preview how your email will appear across different clients, including Apple Mail. This can help identify and rectify formatting issues proactively. ​HubSpot Blog
  • Copying content directly from applications like Microsoft Word can introduce hidden formatting that may not render correctly in all email. Instead, paste content into a plain text editor first to strip any extraneous formatting before adding it to your email. ​
  • If your emails appear compressed, consider adding manual line breaks or adjusting the paragraph spacing within HubSpot’s email editor to ensure adequate spacing in Apple Mail.

Hey @ocdetail this is definitely the same issue I had. You just gotta clear formatting! Then make the formatting how you want, and everything should be good to go.

Hi @chris-profitpad, thanks a lot for sharing your solution with @ocdetail!
Indeed, this occurs when text is copied and pasted into the email editor.
It’s best to clear any sort of formatting or type directly into the editor to avoid bringing over any sort of formatting.
This is due to the way that Apple Mail renders the email, not due to the way that our templates are built.
Have a lovely weekend! :sun_with_face:
Bérangère

Caching issues can sometimes cause this problem. Try clearing the cache and cookies in your iPhone’s browser to resolve any related issues. Additionally, test the email template on different iPhone devices to determine if the problem is specific to a particular device or browser.

If the issue persists, could you please share the code for the email with us?

Thank you for the support! That worked and now I will adjust my 10 templates haha.