I had the same question. Do we have to add in code for every time we use columns on a responsive theme?
For example, here, I’m having issues. Is there not a simple fix to just getting columns to resize and/or stack vertically?
example add
shortcodes-ultimate/css/style.css
@media only screen and (max-width: 767px) {
.su-column-1-2 ,
.su-column-1-3,
.su-column-2-3,
.su-column-1-4,
.su-column-3-4,
.su-column-1-5,
.su-column-2-5,
.su-column-3-5,
.su-column-4-5,
.su-column-1-6,
.su-column-5-6 { width: 300px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.su-column-1-2 ,
.su-column-1-3,
.su-column-2-3,
.su-column-1-4,
.su-column-3-4,
.su-column-1-5,
.su-column-2-5,
.su-column-3-5,
.su-column-4-5,
.su-column-1-6,
.su-column-5-6 { width: 420px; }
}
This becomes useful. –> http://www.getskeleton.com/
Excellent! The author should really include this in his next version.
Kermit Woodall
hello,where do we put that CSS code…. in the plugin area or ftp to the file mentioned? …also how to i change the title on the box?
Excellent Utaka, this works great and thanks for the getskeleton link!
Plugin Author
Vova
(@gn_themes)
Thanks for the idea.
Flexible columns already added in 4.0.0
I plan to release it in 1-2 weeks.
