CM Template Funky on iPhone

Hi, I am a novice to HTML email and could use some help. I downloaded a template from CM and added my own graphics and text. I didn't change any of the dimensions. It looks fine in desktop email apps, but on my iPhone the images are smooshed. The text columns seem to format fine. Any clue? Aren't the templates optimized for mobile as well? I read some about @media queries, but I have no clue how to add or what I'm doing.

Here's a screenshot:

Any help you can provide would be great. Thx!


Stig Stig, 4 years ago

Hi Jeff,

@media queries sounds like a good tip. If you post your code here, we should be able to help.

If I were to guess, I think you may need to add img { height: auto; } to the mobile part of the stylesheet (inside a @media rule).

The Campaign Monitor Blog – HTML email smarts to go with your good looks.

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free