When I check the test email on my phone, the picture is completely distorted. Can someone tell me why and what can I do to fix it? I will add that the pic is only distorted on my phone and not my desktop.
Please provide information on the phone, browser, and a screenshot. Does the file look normal on the desktop? Is the email responsive or mobile friendly?
I'm using my iphone, but want it to fix across all devices. Right now it only looks normal on a desktop. Not sure it's responsive or mobile friendly.
You need to create a responsive email template that will render of every device( but still few mail servers still have issues). Below are few mentions where @media quires will work or not. For other Platforms try creating a fluid design. I would suggest you to focus on the high level Email Clients such as Iphone, Gmail App & Outlook App.
Hope it clears a bit of your issue.
In addition to the responsive comments above, I will add that in some clients/devices images can be distorted if you have only 1 defined dimension. For example, if you have an <img width="300px" ...> This may scale it proportionally in some clients, but without also defining the height, other clients will only scale the width and the native height will be inherited.
Seconding this. My guess is that the height is hardcoded to a certain value while the width is fluid and set to a percentage.
Leslie Gaynor, could you share the HTML code for the email please?