Title: Mobile Friendly Version
Last modified: November 3, 2020

---

# Mobile Friendly Version

 *  [joyeeyap](https://wordpress.org/support/users/joyeeyap/)
 * (@joyeeyap)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/mobile-friendly-version-2/)
 * 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)](https://wordpress.org/support/users/sterndata/).

Viewing 1 replies (of 1 total)

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [5 years, 7 months ago](https://wordpress.org/support/topic/mobile-friendly-version-2/#post-13617853)
 * I wouldn’t use a table, I’d use CSS grid and make it responsive at some value.
   In this example, that’s at 500px.
 * [https://codepen.io/sterndata/pen/ExyRLbv?editable=true%3Dhttps%3A%2F%2Fgrid.layoutit.com%2F](https://codepen.io/sterndata/pen/ExyRLbv?editable=true%3Dhttps%3A%2F%2Fgrid.layoutit.com%2F)

Viewing 1 replies (of 1 total)

The topic ‘Mobile Friendly Version’ is closed to new replies.

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 1 reply
 * 2 participants
 * Last reply from: [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/mobile-friendly-version-2/#post-13617853)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics