AnsweredAssumed Answered

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

Question asked by Rebekah Jarvis on Jan 22, 2019
Latest reply on Jan 24, 2019 by Josh Hill

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>

Outcomes