Skip to main content
Solved

Unwanted underlined logo/image in header


Forum|alt.badge.img+1
  • Contributor I
  • 2 replies

Hello.

I’m designing a template for a client (just creating new Universal Content blocks).  Test emails render correctly on Outlook Mac, Gmail (via Chrome), Apple Mail and some others.

I’ve used the ‘Split’ block to create the header with a logo on the left and button (as another image) on the right. The white logo is a transparant PNG and doesn’t have the line embedded and is placed on a dark blue background.

One of the stakeholders is using Microsoft Mail (v16005.14326.21524.0) on Windows 11 and is getting a thin white underline spanning the width of the logo/box.

Originally the logo has a URL to the website, but removed that thinking it’s created by being a hyperlink.  The other button image on the right doesn’t have the underline.

Does anyone know how to fix it i.e. remove the white underline?

Thanks

Neel

 

Best answer by David To

Hey @Neel,

Since this sort of behavior doesn’t occur in other inboxes such as Gmail, this seems to be the Microsoft/Outlook rendering issue. This issue actually originates with Microsoft/Outlook’s rendering engine, which we explain in our My email looks different when viewed in Microsoft Outlook help center article. 

I’ve also included some past Community posts on this topic which you might find helpful in reviewing as well:

I hope this helps!

David

View original
Did this topic or the replies in the thread help you find an answer to your question?

5 replies

Brian Turcotte
Forum|alt.badge.img+37

Hi @Neel!

Would you be willing to provide screenshots of the template in editor and the resulting email with the unwanted underline?

 

I think this would help myself and other Community members understand the issue better.

 

Best,

Brian


Forum|alt.badge.img+1
  • Author
  • Contributor I
  • 2 replies
  • August 10, 2023

Hi Brian

Thanks for your reply.  Indeed, I was hoping to, but couldn’t see a place to upload them on the original post settings (but perhaps I missed it in a rush) - fortunately there is the option on replies.

I’ve blurred the logo as we’ve not launched yet, but you can see the issue.

I’ve also tested on Windows 10 Mail and can replicate it.  I did notice that Microsoft are replacing Windows Mail with a version of Outlook in 2024 and when I tested the beta, the email rendered correctly.

I’d love to be able to fix it and any suggestions are welcome.

Thanks in advance.

 

Neel

Screenshot from Microsoft Mail
Klaviyo Editor - no line appears

 


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • Answer
  • August 10, 2023

Hey @Neel,

Since this sort of behavior doesn’t occur in other inboxes such as Gmail, this seems to be the Microsoft/Outlook rendering issue. This issue actually originates with Microsoft/Outlook’s rendering engine, which we explain in our My email looks different when viewed in Microsoft Outlook help center article. 

I’ve also included some past Community posts on this topic which you might find helpful in reviewing as well:

I hope this helps!

David


Forum|alt.badge.img+1
  • Author
  • Contributor I
  • 2 replies
  • August 11, 2023

Thanks @David To.  Unfortunately that’s what I suspected and had originally mentioned to my client.  Will investigate a little further and post any findings in case it’s useful for the community.

Cheers!

Neel


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • August 11, 2023

I’m sure other Community members would really appreciate your findings, @Neel!

Thanks for being a part of our Klaviyo Community!

David