[Resolved] buttons / columns

This topic contains 3 replies, has 2 voices, and was last updated by  Andrew Misplon 1 year, 5 months ago.

  • Author
    Posts
  • #3667

    Shev
    Participant

    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

    #3668

    Andrew Misplon
    Keymaster

    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.

    #3669

    Shev
    Participant

    Thanks for your swift reply (on a weekend!)

    I’ll give it a try.

    #3670

    Andrew Misplon
    Keymaster

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top