Skip to main content
New Idea

Email Templates Should Respect Email Content Area on Mobile Devices

Related products:CS Journey Orchestrator, Email & Notifications
  • June 28, 2024
  • 0 replies
  • 15 views

dayn.johnson
Forum|alt.badge.img+7

This is related to my earlier idea about responsive content from 6+ months ago, but slightly different.

We’re in the process of building out new email templates (one main template), but are running into some issues. I believe they’re related to how the email content area is set to work with the max-device-width and responsive properties in the code.

Essentially, what looks good when testing on desktop looks terrible on mobile.

We’ve specified a 680px width for our emails, and our content blocks are set to 100%, but when testing them on mobile, they don’t preserve that 100% width. Has anyone else been experiencing this?

Idea: Email content area and content block dimensions should carry over between desktop and mobile.

Email content area set at 680px
Email container shows 680px width
“max-device-width” is smaller than our specified email content area width
responsive is set at a max width of 480px
Email header appears at correct size in Gmail on desktop
Email content blocks are distorted beyond recognition in Gmail on iOS