Skip to main content
kineticcreative123
Inspiring
September 24, 2018
Answered

Need help fixing responsive email footer width

  • September 24, 2018
  • 1 reply
  • 1268 views

Hi all,

I have an email template in which I revised and added my custom footer to. It works correctly but is in the wrong container and can't figure where to put it. It's running the width of the window instead of the email (740px) and I'm not sure where to place the table.

Thanks for any help. Here is a link to the html file. It was rendering weird when I pasted here.

Dropbox - index.html

    This topic has been closed for replies.
    Correct answer osgood_

    Why dont you move the whole of the code <!-- footer --> <!-- end footer --> to after <!-- ======= test ======= --> at the foot of the code.

    Then delete width="100%" and add:

    class="flexible" width="740" style="margin:0 auto;"

    So the footers opening table tag looks like below:

    <table class="flexible" width="740" style="margin:0 auto;" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">

    1 reply

    osgood_Correct answer
    Legend
    September 24, 2018

    Why dont you move the whole of the code <!-- footer --> <!-- end footer --> to after <!-- ======= test ======= --> at the foot of the code.

    Then delete width="100%" and add:

    class="flexible" width="740" style="margin:0 auto;"

    So the footers opening table tag looks like below:

    <table class="flexible" width="740" style="margin:0 auto;" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">

    kineticcreative123
    Inspiring
    September 24, 2018

    You are awesome. I figured it was placement of the table and setting the width somewhere to 740. I thought I tried to change that but must have been placing my table in the wrong spot.

    Thanks again!!!