Shev Jun 4, 2016 · 9:45 pm #3667 My home page has 3 columns of text, each leading to its own button.
I placed the buttons on a new row so that they would align with each other.
However, on a mobile device, the text in column 1 does not lead to the button in column 1.
As I scroll down I see, in this order: text column 1, text column 2, text column 3, button column 1, button column 2, button column 3.
How can I align the buttons horizontally beneath the text columns which have different lengths, in a way that on a mobile device, text column 1 is followed by button 1?
Thanks,
shevsimon.com
Andrew Misplon Puro Jun 4, 2016 · 9:56 pm #3668 Hi Shev
This is an expected responsive result, unfortunately. One solution would be to make use of the Layout Builder widget which would let you put everything in one row. The Layout Builder widget is essentially a Page Builder layout in the form of a widget. It would take some work but should hopefully produce the result you’re after.
Not necessarily relevant to this question but it’s worth noting that when editing a row (click wrench icon far right) that under the Layout tab you can set the collapse order for mobile. That might come in handy in another situation.
Shev Jun 4, 2016 · 9:59 pm #3669 Thanks for your swift reply (on a weekend!)
I’ll give it a try.
Andrew Misplon Puro Jun 4, 2016 · 10:05 pm #3670 For sure 🙂
Unfortunately, it isn’t possible to drag widgets from the existing layout into a Layout Builder so it’s worth a quick test first.
Testing is pretty easy. Create a new page, go to Page Builder > Prebuilt > Clone Pages, select the existing home page and clone. You’re then free to work on solutions in a private page.
