Mobile Friendly Version

Hello,

I was wondering if I could get assistance on how I can make my widgets on my current page mobile friendly. Below is the code I have putting 3 widgets together on a table. When I see it on a mobile screen, it tries to squish all 3 widgets within the page. How can I get it so that the widgets stack on top of each other on mobile, but remain across a row on desktop. Thank you so much for your time!

—-

<table style="background: transparent; border: 0; border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="background: transparent; border: 0; width: 33.3333%;">[wmd-sidebar id="wmd-sidebars-fall-quarter" ls-id="5f57a21d27f0b"/]</td>
<td style="background: transparent; border: 0; width: 33.3333%;">[wmd-sidebar id="wmd-sidebars-winter-quarter" ls-id="5f57a22784441"/]</td>
<td style="background: transparent; border: 0; width: 33.3333%;">[wmd-sidebar id="wmd-sidebars-spring-quarter" ls-id="5f57a23747ed7"/]</td>
</tr>
</tbody>
</table>

• This topic was modified 5 years, 7 months ago by Steven Stern (sterndata).