email-blueprints

email-blueprints copied to clipboard

Are the templates only supposed to be responsive for web based email clients? My template is responsive in the preview section but when I send I test the .leftcontent and .rightcontent td's (of the 2 col responsive template) do not float underneath. I am viewing them on the Gmail app for Android and the Apple Mail app for iPhone.

Basically it seems like there is zero responsiveness on the actual email. I didn't even change any of the css in the template.

The Gmail App, on Android or iOS, doesn't support media queries, so you won't see emails be responsive in that client. The template included in the modular-template-patterns directory is built in such a way that it's adaptable in that app, however, and will switch to a single-column layout.

Apple Mail does support media queries; if you're seeing issues there, then that may mean something's amiss. I'll run some tests today to confirm.

Perhaps the modular-template is what I am looking for.

It looks like the modular template does the job but only for Gmail and it just scales down in Apple Mail on the iPhone 4. I think that should work for now though.

Hi, Did you ran any tests @fcarneiro or did you found any solution for this @pfhenley86 ?

Sorry I did not. I ended up using a free email on acid template

Also the modular responsive templates get striped in gmail. I need to convert it to inlined to get it sort of working.