Email template with Gmail android issues

Highlighted
New Contributor

I have some issues with an email template I'm creating. I'm trying to build it properly. I tested it for several email clients and it looks pretty good execept for mobile, especially for gmail android. I don't really understand how gmail android "destroys my design". Can you tell me what I did wrong ?

Here is the link for my template : https://app.hubspot.com/design-manager/1754530/templates/5271348483
Here for an email example : https://app.hubspot.com/email/1754530/edit-beta/5272899566

 

Thank you for your help

Reply
0 Upvotes
3 Replies
Top Contributor

Hi @Bastien,

Two main issues which come with Gmail Android are,

Spacing is removed.

Images are too big.

It is because of default HS Email styling.

If its image issue then click on 'Edit' --> 'Edit Head' --> 

Add this styling there,

<style type="text/CSS">
@media (max-width:600px){
img{
width:auto!important;
}
}
</style>

This works but this isn't the exact responsive fix because overall email has to be styled.

I am not able to open links because of no access to your portal.

Please do let me know if you need any help.

Reply
0 Upvotes
New Contributor

Thank you, it worked ! Smiley Happy 

Reply
0 Upvotes
Top Contributor

That works but the perfect solution is to give a class to your images and define the width (if its small). Sometimes when its width auto, for bigger images it creates an issue. Smiley Happy

Reply
0 Upvotes