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, 5 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.

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free