AJO Template Responsiveness Issue with Injected HTML

[TapanSaikia]

Hi team,

We’re seeing an issue where HTML injected via {{{context.messageBody}}} overflows on mobile devices. AJO wraps the content in containers with fixed width and transform: scale(), which breaks responsive designs that work fine with other providers. Attempts to override via CSS or viewport meta tags are ineffective.

Can you provide a way to disable this scaling wrapper or send the injected HTML “as-is” so that responsive CSS works correctly? This would allow transactional emails to render properly on mobile apps like Gmail and Outlook.

Thanks,

Tapan

[SatheeskannaK · Accepted solution]

@TapanSaikiaTo optimize the process and mitigate potential rendering issues, I recommend structuring the HTML within the AJO email builder. This way, you can ensure that only essential contextual personalization data is passed, thereby circumventing the complexities and errors that can arise from directly injecting entire HTML structures. Also, if you inject HTML as messageBody, it may affect the performance of email delivery, especially with transactional emails.