charlesmudy / responsive-html-email-template

Responsive HTML email template designed to work on all major email platforms and smartphones

Home Page:http://www.charlesmudy.com/respmail/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

responsive issues

sevensquare opened this issue · comments

Hi,

I am looking for issues about this template.

I have some problems about mobile display.
Columns and containers should be displayed in 100% but aren't.
Please have a look on the enclosed screenshot :
(https://cloud.githubusercontent.com/assets/5775721/12422176/eedd7480-bec5-11e5-80a6-2234e4bd10fa.png)

Thanks in advance for your help,

pierre

@sevensquare and thats the default without making any changes?

No change at all.

I send a test via mailchimp and this is how it looks on mobile device (in that case gmail on android)

It looks to me, as if google (inbox) in my case, is removing/ignoring media queries.

@randavidovitz but if that is the case, the column should still stay intact. How does that have to do with media query?

I just don't have time now to test and fix most of these issues.

I can't explain, but try reading the email in google inbox app (android )
and see.... this is a generic problem in majority of templates

Thoughts ?

On Wed, Jan 27, 2016, 6:39 PM Shina Charles Memud notifications@github.com
wrote:

@randavidovitz https://github.com/randavidovitz but if that is the
case, the column should still stay intact. How does that have to do with
media query?


Reply to this email directly or view it on GitHub
#20 (comment)
.

@charlesmudy @randavidovitz @sevensquare - I'm seeing this responsive issue in the Mail app in iOS as well. Has anyone figured out a solution / workaround to this issue?

image2

@sevensquare Mail IOS works fine for still, also make sure the original image size is not > than the width column.

My thought is that you missed something, can you test the default template step by step, first with the default image and maybe replace it with yours (change the size)?

I can confirm this is not fully responsive for mobile applications. Gmail (along with many other email applications) does not read media queries. Responsive emails must be developed without relying on media queries.