Can you change number of columns at different breakpoints?

So I’m using 3 columns for the main content on a site I’m working on for a client and they want the layout to collapse to two columns on mobile. The only options in the settings for the columns element are to keep the same amount of columns that are present on desktop (3 in this case) or to collapse to one column. Basically I want to know how to create a layout that is 3 columns on desktop and 2 columns on mobile. Would a grid or flexbox element work for this? Should I just implement it myself with custom code?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

use Grid in the place of Columns, and to keep your setup, use divs in the place of each individual column.


1 Like

Awesome!! Thanks. I’ll give that a shot

1 Like