- June 4, 2016 at 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?
shevsimon.comJune 4, 2016 at 9:56 pm #3668
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.June 4, 2016 at 9:59 pm #3669
Thanks for your swift reply (on a weekend!)
I’ll give it a try.June 4, 2016 at 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.June 3, 2021 at 12:01 pm #15834
The topic ‘buttons / columns’ is closed to new replies.