How to Stop The Gmail Android App From Breaking Your Responsive Email

The Gmail app for Android has poor support for CSS and doesn’t support media queries. This can result in your responsive email breaking in the Gmail app for Android. Here is a quick fix you can put in place to force Gmail for Android to display the full (desktop) version of the email.

Preview

without the fix
without the fix
with the fix
with the fix

The Code

Place this HTML code right before the closing tag in your email.

Add this to the existing media query within your email.

Your media query should look something like this:

Questions?

Email me, send me a tweet @jennamolby, or leave a comment