mjmlio / mjml

MJML: the only framework that makes responsive-email easy
https://mjml.io
MIT License
17.08k stars 960 forks source link

Center alignment not applying to Gmail iOS (2-col section) #2080

Closed jameshoughton-repo closed 4 years ago

jameshoughton-repo commented 4 years ago

Hopefully someone can help me with this 😀

I've got a 2 column section with images 50% width each on desktop, on mobile they stack vertically. Testing on a range of clients and it's just the Gmail app for iOS that doesn't seem to be working correctly (see image below)

This is how I want it to look https://mjml.io/try-it-live/SkJf3ZmYv and how it looks on other devices including the Gmail android app

Can anyone help? Tried a few things with alignment and minifying the code but it doesn't seem to help

image

`

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. test test test @testtest @testtest @testtest @testtest

`

iRyusa commented 4 years ago

You have 200% of content inside your section Split the last 4 column into 2x2.

It looks like something alter the body width here, but I can't reproduce with the given exemple. Everything looks fine on Email On Acid and on device. How did you send your test email ?

jameshoughton-repo commented 4 years ago

Ah yeah I see the 200% content now,

Thanks for checking, we are using Emarsys so the email is integrated with it, must be an issue with that.

Thank you for your help!