Email Marketing Tool

Ahersam1
Member

Email Rendering Poorly

I'm getting complaints from what appears to be PC users about emails rendering with misaligned headers, text boxes and each with varying lengths.   See below.  Appears to be fine on mac and mobile.  Thanks for any assistance.

 

Screen Shot 2020-09-03 at 10.07.29 PM.png

0 Upvotes
1 Reply 1
Jake_Lett
Guide | Partner
Guide | Partner

Email Rendering Poorly

  • Could you share a web preview URL so we can inspect the code?
  • Did you use a coded template or the drag and drop builder?

Just a hunch, but Outlook needs a width specified on all images (usually a maximum width of your email like 600px). If you are using retina sized images or images with a srcset it could be breaking the layout making things go wide. 

 

Below is an example of what I do to get responsive images working in outlook. Then using media queries you can force your images to be responsive.

https://knowledge.hubspot.com/COS-General/Can-I-disable-automatic-image-resizing

 

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg?noresize" height="500px" width="600px">

Jacob Lett

Freelance HubSpot CMS Developer & Web Designer


bootstrapcreative-horizontal-trim.png

Located in Michigan, USA

Need a custom HubSpot template or theme?