Skip to main content
On a Pro widget, you can set a different layout for each screen size. For example, your widget can show 2 x 2 posts on a phone and 4 x 4 posts on a desktop. A widget that shows 4 x 4 posts on a desktop, 3 x 3 on a laptop, 2 x 2 on a tablet and 1 x 1 on a phone
The Responsive tab is on Pro Grid, Board, Slideshow and Scrolling widgets. Pro widgets come with the Lite, Pro and Developer plans. Every paid plan starts with a 14-day free trial. See Free and Pro widgets.
1

Open your widget

On your dashboard, click the widget. Or create a new Pro widget.
2

Turn on Responsive

On the Basic tab, turn on Responsive. The screen sizes only work when Responsive is on.
3

Change a screen size

Open the Responsive tab. Each size shows its layout. Change the numbers for each size that you want to change:
  • Grid and Board: Columns and Rows.
  • Slideshow: Thumbnail Size. A size with no number fills the width.
  • Scrolling: Columns.
Then click Save. To see a layout, click Phone, Tablet, Large tablet or Computer above the preview. To undo a size, enter the numbers from the Basic tab again.
4

Update the code on your website

Click Install Widget, then Copy Code. Replace the old code on your website with the new code.

​
Screen sizes

The widget picks the layout from the width of the visitor’s browser window: A size that you do not change uses the layout from the Basic tab. A Scrolling widget uses its own width, not the window width. In a narrow column on a computer, it uses the Phone layout.