Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

Geoff Phillips

Moderator

Abudash,
I think the problem may be the three images in the middle, “100% organic, Delicious recipes, no airfreight”. These are each in a TD that is set to become 300px width on smaller screens. If you want these to be responsive and stack, you need to change the TD to TH and apply align=“left” to all of them. You may also want to save the images at 300px width, as they will look pixelated if you blow them up from 200 to 300px width.

Let me know if you need more help!

Adubash

Newbie

Thanks Geoff! That has made them stack - They’re not intended to enlarge when on a mobile, I put them in a 300px td because at 200px they automatically align left? I’m sure you’d know a better way around that.

Geoff Phillips

Moderator

Arianne,
The main problem I see in your current code is that the three TDs with class=“productpad” are set to become 300px wide on mobile, but they are not set to stack. They are all align=“center”. This is causing the whole email to look blown out and not fit in the screen. You will want to change those to TH instead of TD and apply align=“left” to them so that they stack on mobile devices.

Would you mind explaining how <th> forces stacking where <td> doesn’t? Is there a way that I can do this with tds that I’ve missed? I don’t want to continuously badger you for solutions, as helpful as you are.