search

mailchimp / email-blueprints

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails
http://templates.mailchimp.com
6.99k stars 2.77k forks source link

What Clients Are The Responsive Templates Intended for? #24

Open pfhenley86 opened 10 years ago

pfhenley86 commented 10 years ago

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.

fcarneiro commented 10 years ago

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.

pfhenley86 commented 10 years ago

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

pfhenley86 commented 10 years ago

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.

ImranBug commented 9 years ago

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

pfhenley86 commented 9 years ago

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

schroef commented 8 years ago

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