Mobilization of Tables

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

We just sent out an email that had a table in the email. The table appeared correctly in the email but when viewed on a mobile phone the table didn't seem to be mobile optimized to view it properly. Is there a way to do this so the information will be easy to read/understand for the recipient?

For reference here is a link to the email: https://t.e2ma.net/webview/4exgcb/55bd583fdd7e351e3228c8376661f892 and attached is what it looked like on an Apple iphone.
Photo of Amber Howell

Amber Howell

  • 90 Posts
  • 2 Reply Likes

Posted 1 year ago

  • 0
  • 1
Photo of Ross Cochran

Ross Cochran, Official Rep

  • 133 Posts
  • 10 Reply Likes
Hi Amber,

This is a great question regarding tables. I'd be glad to explain what is happening here and some potential fixes. The table is reacting this way to become mobile responsive. Your email templates are actually built inside of tables, and this stacking behavior can be seen in all the content areas of those mailings. Usually, this looks good, especially when there are images present. However when you are just using text, it can definitely produce some less than desirable results.

There are really two options that you have to get that information out in a more clear manner. The first and easiest would be to make that table a single image. That way when mobile users see it, the image would resize automatically for their screen.

The other way would be to code your whole email by scratch. Going that route would allow you more control over the individual elements of the mailing and template and you would be able to prevent the stacking behavior using CSS.

I hope that helps! If we can assist with anything else, just let us know.

Cheers!

This conversation is no longer open for comments or replies.