CMS Development

Bastien
Member

Email template with Gmail android issues

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

0 Upvotes
3 Replies 3
Anonymous
Not applicable

Email template with Gmail android issues

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.

Bastien
Member

Email template with Gmail android issues

Thank you, it worked ! 🙂 

0 Upvotes
Anonymous
Not applicable

Email template with Gmail android issues

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. 🙂

0 Upvotes