Menu
Hello,
I’m building an HTML email and I can’t seem to figure out how to get rid of the white space to the right of the email. The email appears fine in the mobile G-mail app but not in the iOS email app. I’d like the email to take up the full width of mobile. Attached is the full code for the email. Please let me know! Thanks so much!
[code=html]<table style=”width: 600px; height: 1698px; padding: 0;” border=”0″ align=”center”>
<tbody>
<tr style=”height: 1659px;”>
<td style=”width: 600px; height: 1659px;”>
<table style=”width: 512px; height: 60px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 600px;”><center><img src=”http://enlightened.img-us3.com/jeremyk/emails_logo_banner.png” width=”600″ align=”center” style=”min-width: 600px; max-width: 100%; padding-bottom: 0px; vertical-align: bottom; display: block; margin-left: auto; margin-right: auto;”></center></td>
</tr>
</tbody>
</table>
<table style=”width: 421px; height: 34px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 200px;”><center><img src=”http://enlightened.img-us3.com/jeremyk/toolbar_newyears_blog.gif” width=”200″ height=”40″ style=”display: block;” align=”center”></center></td>
<td style=”text-align: center; width: 200px;”><img src=”http://enlightened.img-us3.com/jeremyk/toolbar_newyears_products.png” width=”200″ height=”40″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></td>
<td style=”text-align: center; width: 200px;”><img src=”http://enlightened.img-us3.com/jeremyk/toolbar_newyears_findastore.gif” width=”200″ height=”40″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></td>
</tr>
</tbody>
</table>
<table style=”width: 551px; height: 391px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 600px;”><img src=”https://cdn2.hubspot.net/hubfs/2800569/NEWS%20LETTER%20CRISPS%20AND%20TREATS-01.png” width=”600″ style=”width: 600px;” align=”center” alt=”NEWS LETTER CRISPS AND TREATS-01.png” title=”NEWS LETTER CRISPS AND TREATS-01.png” caption=”false” data-constrained=”true”></td>
</tr>
</tbody>
</table>
<table style=”width: 508px; height: 33px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 600px;”><center><img src=”http://enlightened.img-us3.com/jeremyk/on_the_blog_jan4.png” width=”600″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></center></td>
</tr>
</tbody>
</table>
<center><img src=”https://cdn2.hubspot.net/hubfs/2800569/0O0A6468_Social.png” alt=”0O0A6468_Social.png” style=”width: 600px; display: block; margin-left: auto; margin-right: auto;” title=”0O0A6468_Social.png” width=”600″ caption=”false” data-constrained=”true” align=”center”></center><center></center><center><img src=”https://cdn2.hubspot.net/hubfs/2800569/cauliflowerbuffalowings_blog_email.jpg” width=”600″ style=”display: block; margin: 15px auto 0px; width: 600px;” align=”center” alt=”cauliflowerbuffalowings_blog_email.jpg” title=”cauliflowerbuffalowings_blog_email.jpg” caption=”false” data-constrained=”true” hspace=”380″></center>
<table style=”width: 160px; height: 19px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 600px;”><center><img src=”http://enlightened.img-us3.com/jeremyk/chance_to_win_jan_4.png” width=”600″ height=”65″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></center></td>
</tr>
</tbody>
</table>
<br>
<table style=”width: 489px; height: 32px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 600px;”><center><img src=”http://enlightened.img-us3.com/jeremyk/seeourproducts_newsletter_jan4.png” width=”600″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></center></td>
</tr>
</tbody>
</table>
<table style=”width: 291px; height: 100px;” border=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 100px;”><img src=”http://enlightened.img-us3.com/jeremyk/icon_pint.png” width=”100″ height=”100″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></td>
<td style=”width: 100px;”><img src=”http://enlightened.img-us3.com/jeremyk/icon_bars.png” width=”100″ height=”100″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></td>
<td style=”width: 100px;”><img src=”http://enlightened.img-us3.com/jeremyk/icon_crisps.png” width=”100″ height=”100″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></td>
<td style=”width: 100px;”><img src=”http://enlightened.img-us3.com/jeremyk/icon_treat.png” width=”100″ height=”100″ style=”display: block; margin-left: auto; margin-right: auto;” align=”center”></td>
</tr>
</tbody>
</table>
<p><span style=”color: inherit; font-size: inherit;”> </span></p>
<table style=”height: 5px;” width=”196″ align=”center”>
<tbody>
<tr>
<td style=”width: 213px;”>
<table style=”height: 42px;” width=”77″ align=”center”>
<tbody>
<tr style=”text-align: center;”>
<td style=”width: 50px; text-align: center;”><img src=”https://cdn2.hubspot.net/hubfs/2800569/Enlightened%20Dec2017/icon_instagram.png” alt=”icon_instagram.png” style=”width: 50px; display: block; margin-left: auto; margin-right: auto;” width=”50″ title=”icon_instagram.png” caption=”false” data-constrained=”true” align=”center”></td>
<td style=”width: 50px; text-align: center;”><img src=”https://cdn2.hubspot.net/hubfs/2800569/icon_facebook.png” alt=”icon_facebook.png” style=”width: 50px;” width=”50″ title=”icon_facebook.png” caption=”false” data-constrained=”true” align=”center”></td>
<td style=”width: 50px;”><center><img src=”https://cdn2.hubspot.net/hubfs/2800569/icon_twitter.png” alt=”icon_twitter.png” style=”width: 50px; display: block; margin-left: auto; margin-right: auto;” title=”icon_twitter.png” width=”50″ caption=”false” data-constrained=”true” align=”center”></center></td>
<td style=”width: 50px;”><img src=”https://cdn2.hubspot.net/hubfs/2800569/icon_pinterest.png” alt=”icon_pinterest.png” style=”width: 50px;” width=”50″ title=”icon_pinterest.png” caption=”false” data-constrained=”true” align=”center”></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>