Archived topic
Alternative to Gridable
7 replies · Started by John on May 9, 2018
I'm using the peak theme and trying to use lightweight grid columns to replace gridable which seems it may have lost dev support and LWG is by Tom. I just can't get the 3 columns to collapse to a single column in mobile view. Does anyone have alternative plugin or an idea of how to coax Tom's code to go from 3 columns down to one so that each column is on top of the other...not by row. I want it to work just like it does with the gridable.
This is the code I was using. I figured out how to do it with custom column classes, but am still curious what the answer might be for LWG.
[lgc_column grid="33" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100" last="true"]Some content[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100" last="true"]Some content[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100"]<a href="#">Start reading</a>[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100"]<a href="#">Start reading</a>[/lgc_column]
[lgc_column grid="33" tablet_grid="50" mobile_grid="100" last="true"]<a href="#">Start reading</a>[/lgc_column]Hi there,
Those columns don't look like they are from LGC?
http://www.screencast.com/t/JxjPPD7y8I
Let me know if I'm missing something.
Hi John,
in the visual editor you can use the Add Columns button to add each column individually. It has the three device widths, a content area and for the last column in the set just check the Last column in row.
regards
David
Hi Leo, Sorry for the confusion. I figure out how to solve the problem using custom classes to achieve the effect on this site for now. I tried to post the code that I was using (it didn't work out well), but here's another site with that same code.
The first table is LWG by Tom and the second is gridable.
http://s734968141.onlinehome.us/
In the first table each row is stacked in the second each column is stacked which is what I wanted.
Hi John - you just need to put the three elements into the column so within the LGC content area or between the shortcodes you would have:
something
something
button
Ahhh, ok. I get it! Thanks David.
Your welcome John, glad we could help
