Gmail Web Client Cropping Emails
Hi all, i've been testing and looking at various forums but can't seem to find the answer.. or in fact if it's even a problem but..
My email is 600px wide, it will later on in development become responsive but i'm just testing desktop at the moment.
When i run the Litmus tests Gmail in all browsers seems to crop the email on the right hand edge. According to this https://litmus.com/help/email-clients/platforms/ screen shots are captured at 1024x768. When i look in my own gmail i am able to see the entire email but i'm on a much larger screen.
Is Gmail doing something weird to my email because i have this <meta name="viewport" content="width=device-width">
Also i'm not sure if Gmail web clients support media queries.. i think it's a no.
I've tested the Litmus Video Bg Demo which does have a table set to 600px and it displays fine: https://litmus.com/pub/e7e91c8/results#gmailnew-full_on
Any ideas how i can get my entire 600px email to appear correctly in Gmail web clients if a user is on 1024x768
Thanks in advance!
Paul!
Hi Paul,
I wrote up about this here http://emailcodegeek.com/responsive-email-in-gmail/
Basically if anyone views your 600px email in Gmail on a screen less than 1160px wide, it'll get cropped, but should show a scroll bar.
You can use media queries as described in my post but it will only work on Gmail webmail. The Gmail mobile apps will strip all the
<style>
blocks.Also bear in mind that Litmus use Google apps Gmail accounts for testing, rather than a regular @Gmail.com account. This also strips all the
<style>
blocks.It may be worth looking at your web analytics to see how many people visit your site with such a small screen resolution, and check your email analytics to see how many people open in Gmail.
Hi Mark, thanks so much for this it looks exactly like what I need! I'll give it a blast tomorrow and see how I get on!
Thanks again, you're a legend!!