Search the Community

Hi i know this has been discussed on the threads but i have been unabl to resolve the issues. Basically my HTML is showing on mobile (iphone) very small. Any advice appereciated. The email is a confimration email from ninja contact forms. Here is the Code : <table style="border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td id="m_-8948142616127353165templateHeader" style="background: #000000 none no-repeat center/cover; background-color: #000000; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 54px; padding-bottom: 0px;" align="center" valign="top"> <table class="m_-8948142616127353165templateContainer" style="border-collapse: collapse; max-width: 600px!important;" border="0" width="100%" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="m_-8948142616127353165headerContainer" style="background: transparent none no-repeat center/cover; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0;" valign="top"> <table class="m_-8948142616127353165mcnImageBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnImageBlockOuter"> <tr> <td class="m_-8948142616127353165mcnImageBlockInner" style="padding: 9px;" valign="top"> <table class="m_-8948142616127353165mcnImageContentContainer" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="m_-8948142616127353165mcnImageContent" style="text-align: center; padding: 0 9px 0 9px;" valign="top"><img class="m_-8948142616127353165mcnImage CToWUd" style="max-width: 448px; padding-bottom: 0; display: inline!important; vertical-align: bottom; border: 0; height: auto; outline: none; text-decoration: none;" src="https://ci4.googleusercontent.com/proxy/zDi6TyKKUoOgPr5QlRJaWalolsb06JFUvgQ_iy76xGjcE6yVvyRGNHOli-va8cjhIeoQ2BLjVrcNr52DiEb4EGaodwyB5UqNUjaOvQbST3ti8iS0uqawF5tssPpKcXaNuOCiZYk-qQhZx5bvU10Er5PJUdMjGBoYMwU75NA=s0-d-e1-ft#https://gallery.mailchimp.com/7c5bd6b988d981d1fb375f3f9/images/bf0a5b52-ea84-45c9-835d-9533398b1683.png" alt="" width="448" align="center"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td id="m_-8948142616127353165templateBody" style="background: #000000 none no-repeat center/cover; background-color: #000000; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 27px; padding-bottom: 54px;" align="center" valign="top"> <table class="m_-8948142616127353165templateContainer" style="border-collapse: collapse; max-width: 600px!important;" border="0" width="100%" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="m_-8948142616127353165bodyContainer" style="background: #transparent none no-repeat center/cover; background-color: #transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0;" valign="top"> <table class="m_-8948142616127353165mcnTextBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnTextBlockOuter"> <tr> <td class="m_-8948142616127353165mcnTextBlockInner" style="padding-top: 9px;" valign="top">&nbsp;</td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnImageBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnImageBlockOuter"> <tr> <td class="m_-8948142616127353165mcnImageBlockInner" style="padding: 9px;" valign="top"> <table class="m_-8948142616127353165mcnImageContentContainer" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="m_-8948142616127353165mcnImageContent" style="text-align: center; padding: 0 9px 0 9px;" valign="top"><img class="m_-8948142616127353165mcnImage CToWUd a6T" style="max-width: 1024px; padding-bottom: 0; display: inline!important; vertical-align: bottom; border: 0; height: auto; outline: none; text-decoration: none;" tabindex="0" src="https://ci3.googleusercontent.com/proxy/a6PvAmnakk5R5XFyhMvhONwZP8HAgIKTsja2kQCuzZfxIG1N5Cxq3lFR1IegsY3uaorW5l9LY8TUG18mBUR1CIDlomBur9CYGUqIgxXlOqjlWvSJy4sxfIifLpM91MlLxag-lZgjSxntTueiEev7dZtC9O2oK3NBm-KArvc=s0-d-e1-ft#https://gallery.mailchimp.com/7c5bd6b988d981d1fb375f3f9/images/141c0f17-111a-4eed-a7c5-e200ee139e02.jpg" alt="" width="564" align="center"> <div class="a6S" dir="ltr" style="opacity: 0.01; left: 1365px; top: 641.547px;">&nbsp;</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnTextBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnTextBlockOuter"> <tr> <td class="m_-8948142616127353165mcnTextBlockInner" style="padding-top: 9px;" valign="top"> <table class="m_-8948142616127353165mcnTextContentContainer" style="max-width: 100%; min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="m_-8948142616127353165mcnTextContent" style="word-break: break-word; color: #808080; font-family: Helvetica; font-size: 16px; line-height: 150%; text-align: left; padding: 0 18px 9px 18px;" valign="top"> <h5 style="display: block; margin: 0; padding: 0; color: #222222; font-family: Helvetica; font-size: 40px; font-style: normal; font-weight: bold; line-height: 150%; letter-spacing: normal; text-align: center;"><span style="color: #ffffff;">Thanks for your enquiry</span></h5> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnTextContentContainer" style="max-width: 100%; min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="m_-8948142616127353165mcnTextContent" style="color: #808080; font-family: Helvetica; font-size: 16px; line-height: 150%; text-align: left; padding: 0 18px 9px 18px;" valign="top"> <p style="text-align: left; margin: 10px 0; padding: 0; color: #808080; font-family: Helvetica; font-size: 16px; line-height: 150%;">&nbsp;</p> <p style="text-align: justify; 10px 0;padding: 0; color: #808080; font-family: Helvetica; font-size: 16px; line-height: 150%;">Hi {field:firstname_1509187991243}. Thanks for reaching out and making an enquiry about<span style="color: #3366ff;"> <a style="color: #3366ff;" href="https://www.elasticlounge.com/our-acts/hire-luxury-wedding-entertainment-cornwall">We<span style="background-color: #000000;">st End Duo</span></a> </span>member of o<span style="color: #808080;">ur team </span>will be in touch with you within the next 24 hrs, using the details you provided. Please be careful to check that any emailed response from us does not go into your spam/junk folder. It might be useful to add <span style="color: #3366ff;"><a style="font-weight: inherit; color: #3366ff;">enquiries@elasticlounge.com</a></span> as a safe sender or to add us to your contacts. If your enquiry is urgent please call 01872 672870 (UK) or 020 870 60870 (London &amp; Overseas).</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnDividerBlock" style="min-width: 100%; border-collapse: collapse; table-layout: fixed!important;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnDividerBlockOuter"> <tr> <td class="m_-8948142616127353165mcnDividerBlockInner" style="min-width: 100%; padding: 9px 18px 0px;"> <table class="m_-8948142616127353165mcnDividerContent" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td>&nbsp;</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnButtonBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnButtonBlockOuter"> <tr> <td class="m_-8948142616127353165mcnButtonBlockInner" style="padding: 0 18px 18px 18px;" align="center" valign="top"> <table class="m_-8948142616127353165mcnButtonContentContainer" style="border-collapse: separate!important; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #00add8;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="m_-8948142616127353165mcnButtonContent" style="font-family: Helvetica; font-size: 18px; padding: 18px;" align="center" valign="middle"><a class="m_-8948142616127353165mcnButton" style="font-weight: bold; letter-spacing: -0.5px; line-height: 100%; text-align: center; text-decoration: none; color: #ffffff; display: block;" title="Return To Site" href="https://elasticlounge.us16.list-manage.com/track/click?u=7c5bd6b988d981d1fb375f3f9&amp;id=a0c794af54&amp;e=54c22c737b" target="_blank" rel="noopener" data-saferedirecturl="https://www.google.com/url?hl=en-GB&amp;q=https://elasticlounge.us16.list-manage.com/track/click?u%3D7c5bd6b988d981d1fb375f3f9%26id%3Da0c794af54%26e%3D54c22c737b&amp;source=gmail&amp;ust=1509187677522000&amp;usg=AFQjCNHxM5Hu8bgApYevNgAO8VeIEVBDAQ">Visit Elastic Lounge</a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnDividerBlock" style="min-width: 100%; border-collapse: collapse; table-layout: fixed!important;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnDividerBlockOuter"> <tr> <td class="m_-8948142616127353165mcnDividerBlockInner" style="min-width: 100%; padding: 18px 18px 0px;"> <table class="m_-8948142616127353165mcnDividerContent" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td>&nbsp;</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td id="m_-8948142616127353165templateFooter" style="background: #111111 none no-repeat center/cover; background-color: #111111; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 45px; padding-bottom: 63px;" align="center" valign="top"> <table class="m_-8948142616127353165templateContainer" style="border-collapse: collapse; max-width: 600px!important;" border="0" width="100%" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="m_-8948142616127353165footerContainer" style="background: transparent none no-repeat center/cover; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0;" valign="top"> <table class="m_-8948142616127353165mcnFollowBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnFollowBlockOuter"> <tr> <td class="m_-8948142616127353165mcnFollowBlockInner" style="padding: 9px;" align="center" valign="top"> <table class="m_-8948142616127353165mcnFollowContentContainer" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding-left: 9px; padding-right: 9px;" align="center"> <table class="m_-8948142616127353165mcnFollowContent" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding-top: 9px; padding-right: 9px; padding-left: 9px;" align="center" valign="top"> <table style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td align="center" valign="top"> <table style="display: inline; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="m_-8948142616127353165mcnFollowContentItemContainer" style="padding-right: 10px; padding-bottom: 9px;" valign="top"> <table class="m_-8948142616127353165mcnFollowContentItem" style="border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 5px 10px 5px 9px;" align="left" valign="middle"> <table style="border-collapse: collapse;" border="0" width="" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowIconContent" align="center" valign="middle" width="24"><a href="https://www.facebook.com/elasticloungeentertainmentagency" target="_blank" rel="noopener"><img class="" style="display: block;" src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-color-facebook-48.png" width="24" height="24"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table style="display: inline;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowContentItemContainer" style="padding-right: 10px; padding-bottom: 9px;" valign="top"> <table class="mcnFollowContentItem" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 5px 10px 5px 9px;" align="left" valign="middle"> <table border="0" width="" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowIconContent" align="center" valign="middle" width="24"><a href="http://www.twitter.com/elasticlounge" target="_blank" rel="noopener"><img class="" style="display: block;" src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-color-twitter-48.png" width="24" height="24"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table style="display: inline;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowContentItemContainer" style="padding-right: 10px; padding-bottom: 9px;" valign="top"> <table class="mcnFollowContentItem" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 5px 10px 5px 9px;" align="left" valign="middle"> <table border="0" width="" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowIconContent" align="center" valign="middle" width="24"><a href="http://www.instagram.com/elasticlounge" target="_blank" rel="noopener"><img class="" style="display: block;" src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-color-instagram-48.png" width="24" height="24"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table style="display: inline;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowContentItemContainer" style="padding-right: 10px; padding-bottom: 9px;" valign="top"> <table class="mcnFollowContentItem" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 5px 10px 5px 9px;" align="left" valign="middle"> <table border="0" width="" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="mcnFollowIconContent" align="center" valign="middle" width="24"><a href="http://www.elasticlounge.com" target="_blank" rel="noopener"><img class="" style="display: block;" src="https://cdn-images.mailchimp.com/icons/social-block-v2/outline-color-link-48.png" width="24" height="24"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnDividerBlock" style="min-width: 100%; border-collapse: collapse; table-layout: fixed!important;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnDividerBlockOuter"> <tr> <td class="m_-8948142616127353165mcnDividerBlockInner" style="min-width: 100%; padding: 18px;"> <table class="m_-8948142616127353165mcnDividerContent" style="min-width: 100%; border-top-width: 2px; border-top-style: solid; border-top-color: #505050; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td>&nbsp;</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="m_-8948142616127353165mcnTextBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody class="m_-8948142616127353165mcnTextBlockOuter"> <tr> <td class="m_-8948142616127353165mcnTextBlockInner" style="padding-top: 9px;" valign="top"> <table class="m_-8948142616127353165mcnTextContentContainer" style="max-width: 100%; min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td class="m_-8948142616127353165mcnTextContent" style="word-break: break-word; color: #ffffff; font-family: Helvetica; font-size: 12px; line-height: 150%; text-align: center; padding: 0 18px 9px 18px;" valign="top"><em>Copyright © 2017 Elastic Lounge Ltd, All rights reserved.</em><br> <br> <strong>Our mailing address is:</strong><br> *Elastic Lounge Ltd. Studio F1,<br> &nbsp;Old Bakery Studios, Blewett’s Wharf, Malpas Road,<br> Truro, Cornwall. TR1 1QH<br> &nbsp;</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

I'm not the greatest at doing HTML codes but have learnt a lot since starting. This leads me on to the problem I'm having. At work we use HTML templates to make up our header and footer and recently I was asked to sort something out so when stuff reply or forward email there's a footer. I thought this was easy enough and adapted the HTML files we already have and used them as a template, all looked good and the job was finished. Now after they've been used a few times it seems that from time to time the reply templet will ignore its setting and go off the original email meaning fonts will change, the size of the writing changes, colours and so on. What I'm hoping someone can help me with is ever advising a way to get the footer to follow its owe setting instead of the original email or to tell me this can't be done. Any help is greatly appreciated and sorry if I didn't use the right terms anywhere. Jordan