Search code examples
htmlcssemailhtml-emailemail-client

Padding not respected on mobile email


I have an email which looks great on laptop/desktops, but for some reason the padding is lost on iOS and Android clients.

Here's some screenshots.

WEB (Gmail)

enter image description here

MOBILE (iOS)

enter image description here

Full HTML code can be found here (a few lines shown below to pass SO filters):

http://jsfiddle.net/timrpeterson/3fpjddz5/

<body style="background:rgb(251,252,253);padding: 0; width: 100% !important; -webkit-text-size-adjust: 100%; margin: 0; -ms-text-size-adjust: 100%;" >

Solution

  • Late to the party here, but you can fix this by adding padding to the <td> that wraps the content: Updated fiddle