Help with Vendor HTML/CSS

Guzel duChateau · February 2018

Hi all, I'm hoping that you can help with a rendering issue that I'm having, which actually sounds very similar to Libby's problem of last week.

One of our vendors provided me with the HTML for an upcoming promotional email (see attached file). I paste the HTML into the plain text editor and everything seems fine until I test the message across a majority of mobile devices (https://www.emailonacid.com/app/acidtest/immBuUTMAibkVnCqyoqfmZnvfxltxQSqmwdCoe4wwycdd/list), rather than having the columns collapse and stack it ends up shrinking the third column so it becomes one long string of text. The message displays correctly on destktop and web devices, so there's obviously an issue with the media queries. I'm using a plain stationery, so there should be nothing coming through from that side of things.

Any thoughts or help on this would be much appreciated. I know enough CSS to know there's an issue there, but not enough to be able to fix it.

-Guzel

Mark Kindy · February 2018

Guzel duChateau:

Any thoughts or help on this would be much appreciated. I know enough CSS to know there's an issue there, but not enough to be able to fix it.

-Guzel

Howdy, Guzel! I took a look, but nothing in particular stood out other than that it seems to be affecting iOS mail, according to Email on Acid. Can you try adding <meta name="x-apple-disable-message-reformatting"> to the <head> of email?

I also notice you have references in your <style> to td.Desktop and td.Mobile, but neither of these classes are used in your code.

Ben Dawson · October 2022

@Guzel duChateau Hello. I'm having the same issue. Were you able to find a solution?

Thanks,

Ben

Help with Vendor HTML/CSS

Comments

Categories