I am wondering the same thing. I have loved this plugin. Simple and fabulous. However, I expect that columns naturally fight the grid pattern needed for a responsive site making this very tricky.
I have the same question. Does anyone have any solution for this? Would be great to be able to set a min-width to columns and if they doesn’t fit they float down below.
Yeah I had a solution for this, don’t use this plugin.
Use Advanced WP Columns instead. It takes a bit of configuring to get it right (make sure you reference 960grid.gs website). Main thing is – IT WORKS!
If you have some CSS-skils it’s not too hard to make it work for your site. Making a general CSS solution is probably over my head but I managed a custom version in less than 5 minutes on mine.
True, open source has that ability.
So does a market place.
To make these responsive, you must use media queries.
You can do this by over-riding the default styles as the dev suggests.
“Styles are in columns.css. If you’d like your own margins and stuff, dequeue the columns.css style during wp_enqueue_scripts with a priority of 11 or more.”
To just do in your theme it will depend on how your theme does responsiveness in Twentytwelve as an example the “default” styles are for mobile so you add this to your child-theme css above the first media query
.columns-2 .column, .columns-3 .column, .columns-4 .column, .columns-5 .column, .columns-6 .column{
width: 100%;
}
Then for each column size you add back the default width
Below is for two columns.
@media screen and (min-width: 600px) {
.columns-2 .column {
width: 47.5%;
}
}
Hope this helps.
