Create a Discussion

Email Not Really Responsive in Gmail

Steven lam posted 2017-05-22 16:12:44

Hey guys so I know gmail added support for responsive design, but when I test in gmail app on my phone - the email still apears to be zoomed out a little -but at the same time media queries still work cause I told the media query to hide some stuff at responsive level.

Any coding tips to alleviate this?

Marjolein Verheij replied 2017-05-22 17:39:21

How did you write your css? Because Gmail will ignore stuff like

td[class="foo"] { }

but will read

td.foo { }

Reply to Marjolein Verheij

jon stark replied 2017-05-30 15:01:54

Check your CSS. Classes should be typed out as .classsName {} rather than td[class=className] {}. Also I have noticed that media queries should be ordered from smallest screen to largest.


@media screen only and (max-width:480px) {}
@media screen only and (min-width:481px) and (max-width:599px) {}

Reply to jon stark

The Litmus Community is the place for email designers and marketers to learn, grow, and educate each other about everything email.

Email Not Really Responsive in Gmail

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password