Resizing the image to a specific pixel dimension is a terrible "solution" for modern hi-res screens. What we need is a max-width % option for mobile only. If we had access to the html after using the builder tool, this would be simple, but we do not. But adding a mobile max-width % option for images in the email builder would be best. My workaround took many hours of fiddling, but ended up working. I built the email with the standard builder tool. My logo was sized correctly for desktop, but displayed at full width on mobile. No good. So I sent myself the email. Viewed the code by clicking "show original" in gmail. Decoded the html from is "quoted-printable" format using motobit. Used a code beautifier to make it readable by humans. Removed the max-with 100% from the logo image element. Added "margin-left: auto; margin-right: auto;" since I wanted it centered. Added an id to my logo image. Added a max-with 40% attribute to the id inside the mobile media query. Removed the constant contact footer (since it would get added back in). Started a new constant contact email campaign using "build with html" Pasted the code in. Added the tracking pixel. Checked the preview and it worked! Before --> After Hope this helps anyone who is willing do put the time in to make their logo look correct on both mobile and desktop. But really Constant Contact needs to add a feature to make this easy for its users. As another comment put it: it reflects poorly on our organizations when the mobile version of our emails are ugly and disproportionate. Please consider adding this feature. Thank you.
... View more
