Column Stacking
Anthony Monge
I cannot get columns to share a row no matter how I configure them.
I would like to create some feature cards, 6 in total, divided into two rows of three. When I add a row, the columns are stacked no matter what settings I change. I have added placeholder content in case the lack of content was the issue and that did not resolve it. I have updated the columns to 4+4+4 and reset the column width. I have removed all column gap and padding settings and the columns refuse to share a row horizontally. I am very new to SP Page Builder. Please help.
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
Could you please share an image or mockup of the layout structure you’re trying to achieve? That will help me understand your goal more clearly and guide you step by step.
In the meantime, you may find this documentation helpful: https://www.joomshaper.com/documentation/sp-page-builder/columns
Looking forward to your image!
Best regards,
Anthony Monge
Accepted AnswerHi Rashida,
Here is an image with red lines to show the overflow pattern I am looking for. I want to add a row with columns and gaps that overflows onto the next line after 3 items are added.
https://drive.google.com/file/d/1iHVeX0jdsIf9zK-VxvjHqQD5CtzFlxB2/view?usp=sharing
Rashida Rahman
Accepted AnswerHi,
Please accept my apologies.
If I understand your need, it seems you want a pattern where will be 3 columns in a row, right? Keep a row with 3 columns just by choosing the 4+4+4 layout. Then create another row with the same. That should be enogh. Please check the screencast:
https://share.cleanshot.com/9YN01dYH
If similar steps causing issues at your end then share a screencast illustrating where you are strugling to get the pattern.
Best regards,
Anthony Monge
Accepted AnswerHere is a screen recording: https://drive.google.com/file/d/1PAkOlV1QusYQQ78Hf-jJxoPBWxBnRp5z/view?usp=sharing
I am not sure if I am missing a setting that will enable the columns to display in a row.