View in Mobile browser

OKay, so I've got my template looking good on my mac in gmail, on my iphone and in my web browser.  The only place it looks terrible is on my mobile phone when I click "view in browser"

How can I fix this? … 17591B8C28

Look at the above link in a mobile browser.

or this one:

http://thornhillproperties.createsend1. … 17591B8C28

rmcfadden, 4 years ago

Here's a screen shot from my phone when viewing it in the browser:

Here's the link to the screen shot: … zhCM3ZHR1k

roshodgekiss roshodgekiss, 4 years ago

Hi rmcfadden, I'm a little confused - you mentioned that the template is looking good on your iPhone, but the screenshot from an iPhone above is a little bit wonk - the widths on the columns are breaking the zoom and not aligning with one another. If this is the same code as you posted previously, it may be worth looking at how the media queries are affecting the width of columns when the newsletter is viewed in iPhone Mail. You can test your media queries out in your browser on the fly by replacing:

@media only screen and (max-device-width: 480px) {


@media only screen and (max-width: 600px) {

... and resizing your browser window. Thanks rmcfadden - I hope this helps :)

Get in touch with us on Twitter:
We're also on Facebook:

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free