With Storefront Blocks you can choose how to display your blocks on Desktop, Tablet and Phones

We’ve now introduced Responsive controls so you can easily change the number of columns on Desktop, Tablet and Mobile phone.

Here’s a video that shows this in action.

Further on down this page I’ve built some live demos.

Video walkthrough

Responsive settings

Here’s the settings that come as part of Storefront Blocks. Further on down the page I’ve put together a couple of live demos for you to see.

Live demonstrations

Grid set to have 4 columns on Desktop, 3 columns on a Tablet, and 2 columns on Phone

If you resize your browser window you’ll see how the columns change automatically depending on the dimensions of the browser.

Grid set to have 3 columns on a Desktop, 2 columns on Tablet and 1 column on a Phone

If you resize your browser window you’ll see how the columns change automatically depending on the dimensions of the browser.