search

ActiveCampaign / postmark-templates

Rock-solid transactional email templates for applications.
https://postmarkapp.com/transactional-email-templates
MIT License
3.09k stars 1.1k forks source link

iOS Mail Reader and iCloud Mail #7

Closed AdamTylerLynch closed 7 years ago

AdamTylerLynch commented 7 years ago

The template within inline CSS is not rendering correctly on iOS mail (it's small) and on iCloud mail its really wide and causes scrolling.

AdamTylerLynch commented 7 years ago

Sample Image: https://snag.gy/LQHt1r.jpg

AdamTylerLynch commented 7 years ago

HTML code: https://pastebin.com/CiyZUTWv

derekrushforth commented 7 years ago

Hey @AdamTylerLynch,

Thanks for reporting this! Looks like the layout breaks when the plain text URL near the footer is longer than the content width. I added some CSS which should do the fix. You can grab the code from the commit above, or add this CSS property to line 93 of your template:

Add word-break: break-word;

<td class="content-cell" align="center" style="box-sizing: border-box; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; padding: 35px; word-break: break-word;">

Give that a shot and let me know if it works.