0
Problem with Responsive Class on iPhone 5
I've recently coded up some responsive emails. (Please note I'm not a coder by training.) They look great in every client excpet the iPhone 5 (both OS 7 and OS 8). In iPhone 5 the header is aligned left. In every other client (mobile and web) it looks great.
I've discovered the problem comes down to a class. Currently the class is coded as follows:
/* Constrains email width for small screens */
table[class="email-container"] {
width: 100% !important;
I've tried modifying the class bit it either breaks the responsive feel of the email or does nothing at all.
Cany anyone recommend a way to modify the class so it works on an iPhone 5 for both OS 7 and OS 8?
Thanks in advance.
AK
Have you tried adding a "margin: 0 auto !important;" to that? It could also be that the table that you're adding that class to needs an align="center" Maybe that would work?
Though, usually if I have a problem on only one email client, it's usually because there's some small error that only that client is picking up. (lost ending </td> or something. So you might want to double check your code or run it through a validator (http://validator.w3.org/) just in case. Good luck!