1 Reply Latest reply on Jan 24, 2019 9:47 AM by Josh Hill

    Can I make a mobile responsive email that includes a two-column table

    Rebekah Jarvis

      I'd really like to include a two column table in my email, but it breaks the email's ability to respond to mobile devices. Is there any help available to insert a breaking point into the table code?

      I've pasted the code below ... thanks for any help that's out there!

       

      <table border="1">

      <tbody>

      <tr>

      <td style="border-color: #ffffff;">

      <p style="text-align: center;"><strong style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-size: 13.5pt; font-family: 'Arial',sans-serif; color: #e30c00; background: white;">Campus Security survey &mdash; the results are in<br /></span></strong><img src="https://go.ucalgary.ca/rs/161-OLN-990/images/SecuritySurvey.jpg" alt="" width="250" height="250" constrain="true" imagepreview="false" border="" style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #3399ff; text-decoration-style: initial; text-decoration-color: initial; display: block; margin-left: auto; margin-right: auto;" /></p>

      <p>Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.</p>

      </td>

      <td style="border-color: #ffffff;">

      <p style="text-align: center;"><strong style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-size: 13.5pt; font-family: 'Arial',sans-serif; color: #e30c00; background: white;">Campus Security survey &mdash; the results are in<br /></span></strong><img src="https://go.ucalgary.ca/rs/161-OLN-990/images/SecuritySurvey.jpg" alt="" width="250" height="250" constrain="true" imagepreview="false" border="" style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #3399ff; text-decoration-style: initial; text-decoration-color: initial;" /></p>

      <p>Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.Campus Security launched their survey to faculty, staff, students and the public early 2018. A year later, they're using the feedback to strengthen their services and the safety culture on campus.</p>

      </td>

      </tr>

      </tbody>

      </table>