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
  • #114764


    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?


    Ben Carlo

    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.



    This reply has been marked as private.


    Hi Jordan,

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

    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.

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


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

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