Skip to content Skip to sidebar Skip to footer

My Email Design Isn't Responding To Mobile Devices

I just designed an email for a upcoming campaign however i'm having a tough time with it responding correctly to mobile devices. When I check it in Litmus it does not acknowledge

Solution 1:

Three things stick out to me:


No. 1: You don't need brackets to define classes like this table[class="pattern"] anymore. table.pattern works in all email clients.


No. 2: Why is almost everything prefixed with body[yahoo]? This targets Yahoo! Mail and won't be rendered anywhere else. If you have your media query code prefixed like this, it won't render in iOS Mail or Gmail App.


No. 3: There are quite a few <style> tag blocks in the <body>. These won't be rendered by every email client, best to move them into the <head>.

Post a Comment for "My Email Design Isn't Responding To Mobile Devices"