Email View in Gmail

Options
Veronica Brown
Veronica Brown
Ancient Membership 10 Comments Photogenic
in Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions
I'm having a problem with the way my email looks in Gmail when using a mobile device. Looks fine on desktop. 


On mobile, the image that's on the right along with the caption and Donate Now button, all fall between the "Dear" and "Veronica" on mobile. What can I do to fix this problem?


The email looks fine when viewed in Outlook, and Yahoo on a mobile device. 


Sharing a screen shot of the email as viewed from my phone (Samsung Galaxy S6).


Thanks.
Tagged:

Comments

  • Jeremy Reynolds
    Jeremy Reynolds
    Ancient Membership 100 Comments 25 Likes Name Dropper

    Veronica Brown:

    I'm having a problem with the way my email looks in Gmail when using a mobile device. Looks fine on desktop. 


    On mobile, the image that's on the right along with the caption and Donate Now button, all fall between the "Dear" and "Veronica" on mobile. What can I do to fix this problem?


    The email looks fine when viewed in Outlook, and Yahoo on a mobile device. 


    Sharing a screen shot of the email as viewed from my phone (Samsung Galaxy S6).


    Thanks.

    It'll be tough to troubleshoot without code, but the TL;DR is Android Gmail & Outlook 2007/10 hate us. Gmail ignores media breakpoints, certain CSS, and has even started blocking images that aren't hosted on Google Drive. It's like they're in direct competition with Microsoft for "Most broken email program."


    Have inlined your style code? There are a handful of tools that will convert everything for you; just copy your code in and it will uglify it for you. I tend to use ZURB's inliner, but I know that MailChimp and Litmus (and probably others) have ones too. Also check out Campaign Monitor's cheatsheet for CSS that doesn't work in specific email browsers.

Categories