Prevent automatic image sizing on mobile view

[JasonE235]

Please undo the automatic resizing/expanding of images in the mobile version. It was working fine before. We prefer to have control over whether the image stretches to the width of the page or not. Some images look terrible expanded, taking up 2/3 of the screen and rendering the text less significant.

[JasonE235]

We're updating the status of this idea to more accurately reflect its current status with our engineering team and also made slight changes to the subject line in order for it to be more easily found. We do not have any updates to share surrounding any changes to how images display on mobile devices but you can resize your larger images to appear smaller:

To resize an image:

• Open the image editor
• Select the Transform tool on the upper left
• Check the checkbox marked Lock Resolution, on the lower left
• Set the width to a smaller number, such as 200
• Hit the Tab key on the keyboard. The Height number will change in response, to resize the image while keeping the original dimensions

There is also a Knowledge Base article that includes a visual walkthrough on resizing images for mobile devices.

[rcppubs23]

I don't think there is really any "confusion"--at least not on the users' end. It's just that Constant Contact can't seem to understand that an image, for example a 150px wide button, should not be enlarged in mobile view to fill the mobile device width. Even if it wasn't just bulky and ugly in the layout, it gets blurry when enlarged that much. Same problem people have mentioned with thumbnail headshots. You need to allow us to specify a width for image in mobile view!

[Caitlin_M]

We're updating the status of this idea to more accurately reflect its current status with our engineering team and also made slight changes to the subject line in order for it to be more easily found. We do not have any updates to share surrounding any changes to how images display on mobile devices but you can resize your larger images to appear smaller:

To resize an image:

• Open the image editor
• Select the Transform tool on the upper left
• Check the checkbox marked Lock Resolution, on the lower left
• Set the width to a smaller number, such as 200
• Hit the Tab key on the keyboard. The Height number will change in response, to resize the image while keeping the original dimensions

There is also a Knowledge Base article that includes a visual walkthrough on resizing images for mobile devices.

[KevinD2]

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.