Some time ago Yahoo Mail handled media queries in a strange way, which means it recognized all of them, even those which were targeted to other email clients (more info about the bug here). The solution was to use a special, tricky CSS media query which was only recognized by Yahoo Mail and fixed the issue.

Yahoo Mail is now responsive!

Yahoo Mail CSS media query support

It’s a small step for Yahoo but a giant leap for email designers! Since they fixed their media query parser engine, only those CSS parts count, which are designed for Yahoo. It has been an old debate if email clients should have their unique targeting options or need to comply with standards.

Yahoo’s choice was to favor email coders and designers instead of obeying coding principles, so they introduced their unique media query:

@media yahoo { .. }

Thanks to this recent update to their web client and mobile apps as well, responsive emails will work properly all over the Yahoo universe! There are still some limitations though, but at least min-width and max-width filters are supported.

We would like to say a big THANK YOU to Yahoo and direct our question to Google, Gmail…

*When will Gmail support media queries? *

Author
Roland Pokornyik

Roland Pokornyik

CEO / Co-founder @ Chamaileon.io & EDMdesigner.com

  • Visual Email Testing with Developer Tools, Litmus and Email on Acid Visual Email Testing with Developer Tools, Litmus and Email on Acid

    Have you ever struggled with email testing before? The browser developer tools, Litmus and Email on Acid can help you. See how to use them together.

    Read more
  • How to Use JavaScript for Creating HTML Email Layouts How to Use JavaScript for Creating HTML Email Layouts

    Does it take you 1+ hour to code an HTML email template? Maybe it's time to reconsider your workflow. Learn how to create email layouts with scripts.

    Read more
  • How to Use Sublime Text for HTML Email Development How to Use Sublime Text for HTML Email Development

    Do you want to cut the development time of your next HTML email template in half? Streamline coding productivity with Sublime Text's greatest features.

    Read more