Stop Columns from Stacking

About this forum
These forums have not been active for several years. They're available for search and reference, but a lot of this information is likely out of date.

For current information, try visiting our Knowledge Base.

Home / Support / Beaver Builder Plugin / Stop Columns from Stacking

This topic is: not resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #114764

    Jordan
    Participant

    I have a three column row layout with an icon in each column to have them side by side. When I size down to a smaller screen the icons stack. Is there a way to get the three icons to stay side by side even when there is a small screen?

    #114907

    Ben Carlo
    Keymaster

    Hey Jordan,

    Welcome to the BB forums! 🙂

    Do you mind sharing the URL of the page in question so we can check? You can use the private reply option below if you need to.

    Ben

    #115465

    Jordan
    Participant
    This reply has been marked as private.
    #115717

    Danny
    Keymaster

    Hi Jordan,

    Can you try loading up the page builder and then click on the Column Settings for one of your images.

    https://cloudup.com/c3mIWZWRBnS

    Then navigate to the Advanced tab and scroll down to the Responsive Layout and for both Medium Device Width & Small Device Width. Then select the Custom option and a new field will appear where you can enter a percentage value. Set this to 33.33 for each column and save the changes.

    https://cloudup.com/cvMqg6KOlN5

    When you resize your browser or view on a mobile device, the three column layout will remain instead of stacking the columns.

    Thanks,
    Danny

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

The forum ‘Beaver Builder Plugin’ is closed to new topics and replies.