responsive

  • Default Values: no
  • Accepted Values: no, yes
  • Related Options: width, columns

This attempts to use jQuery and CSS to apply dynamic breakpoints and CSS columns. The script will try to put as many columns as it can up to the amount you specify with width at the widest width of your site. It will then recalculate on resize and continue to put as many columns as it can.

Resize the page to see it in action.

  • You must set responsive to yes.
  • You must set a width in pixels. This will become the columns min-width
  • Read up on CSS columns and the CSS Box Model.
  • Pay close attention to the padding, margin and borders to your elements.
  • Your columns will now be wrapped in <div class="responsive"> for extra control on styling.
  • Please see https://caniuse.com/#feat=multicolumn for limitations.
  • This will not work basic or manual. This essentially replaces what those two options originally tried to accomplish.

Shortcode used: