Email Marketing Tool

PBlandon
Member

Images get stretched out in mobile

Hi eveyone, 

 

Wondering how I can make the images in my email responsive for desktop + mobile. It currrently looks great on desktop but they get streched out on mobile (example below). I am using the HTML module for the images on the left because I want the images and the color blocks to be the same size and the drag & drop wasnt working. Here is the code im using for the images: <img style="width:100%;" src="https://f.hubspotusercontent40.net/hubfs/440941/GA-1.png" height="220px" width="200px"align="center">

 

Screen Shot 2021-08-05 at 7.35.15 PM.png 

Thanks in advance!

 

2 Replies 2
DSleeper
Contributor

Images get stretched out in mobile

You may have already tried this but the simplest solution might be:

 

Edit Image>Uncheck box 'Show as maximum width on mobile devices' 

 

It looks like its automatically stretching to the screen.

Josh
Recognized Expert | Platinum Partner
Recognized Expert | Platinum Partner

Images get stretched out in mobile

Hi @PBlandon,

 

Have you tried removing the height and width references using px and only keeping the 100%? That's where I would start.

 

Josh 




Did this post help solve your problem? If so, please mark it as a solution.

Josh Curcio

HubSpot support and inbound marketing for OEMs, contract manufacturers, and industrial suppliers.
HubSpot Platinum Partner & HubSpot Certified Trainer