I want 3 columns on desktop, 2 columns on tablet and 1 column on mobile...HOW?

Hi Richard, right now we have these limitations for columns: Desktop and Tablet have the same number of columns and you can make columns stack for mobile devices.

You can always create your own column structure using Blocks. This is how you would do it:

  • Add a block.
  • Give it a class.
  • Float: left
  • Give it a % width based on how many columns you want in your row (50% if you want 2, 25% if you want 4 columns, etc)
  • For desktop you can set 25% width for 4 columns. On Tablet set 33.33% for 3 columns. On Phone L set 50% for 2 columns. On Phone P set 100% for 1 columns.
2 Likes