Solved

Why are the email header alignments different for Gmail and Outlook?

  • 18 July 2023
  • 2 replies
  • 189 views

Userlevel 1
Badge +2

Hi guys, 

Would like to seek assistance on some matters in related to the alignments of email headers. We seem to be having different alignments when comparing between Outlook and Gmail. 

As you can see from the image, the one from the Outlook below looks disproportionated with extra spacings.


However the one in Gmail below seems OK with balanced spacings.
 


Are there any suggestion that we can resolve this issue? The settings for the headers were the same. 

Thank you very much!

Regards,
Darren

icon

Best answer by Ashley I. 18 July 2023, 15:00

View original

2 replies

Userlevel 6
Badge +34

Hi @Darren C ,

Thank you for your question here on the Community! You are certainly not the only one experiencing this:


To echo what my peers have touched on in the above threads:

Unfortunately, this is an issue on the Outlook end, not with you or with Klaviyo. Regardless of which platform you choose to send email campaigns from, there are known compatibility issues within this inbox provider which cause display issues for some design elements.

While some versions of Outlook use Webkit (a modern browser engine that interprets and renders HTML in expected ways) to display emails, many others use Microsoft Word as a rendering engine. 

Consider the last time you tried to make edits to a table or resize an image in Microsoft Word. The formatting challenges you face when using Word are similar to the challenges faced by emails in Outlook inboxes. 

Because of this, an email may look slightly different in Outlook than when you initially design and preview in Klaviyo.

This will result in some design discrepancies like the one you experienced here. 

If you’d like to read more about how to optimize your emails for Outlook, you can check out this Help Center article here

-- 

Hope this helps!

-- Ashley Ismailovski

Userlevel 5
Badge +18

@Darren C we like to utilize Litmus for some of our emails when we are concerned about how it renders in each email client. I have yet to send an email out that looks the same in every email client, and find that I tend to go with what the majority of my subscribers are using to open and to make changes that will hopefully work best in each.

Reply