Skip to content

The "Normal" Way

Below I added the "Right Sidebar" template which gives me two columns. I have a "Main Content" column and a smaller "Sidebar" column. Inside the Main Content column, I added 4 child columns. In each of those child columns is a Button Module. So because these are child columns, I can only have 4 of them, even though spacially I have plenty of room to add more.

I also set up these columns to change on medium and small devices. For medium, I set the width of each column to 50%, making 2 columns on medium devices. For small, I set the width of each column to 100%, making 1 column on small devices. Notice that I had to set the responsive width for all 4 of these columns.

The "BB Flexbox" Way

Here I have the same setup as before, with a "Main Content" column and a smaller "Sidebar" column. But instead of adding child columns inside the main column, I simply put 8 Button modules into the main column, then converted that column to 8 Flexbox columns. For those of you who can't do math, that's twice as many!!! As far as Beaver Builder is concerned, it still thinks of it as a single column.

I also set up these flexbox columns to change on medium and small devices. For medium, I set it at 4 columns. For small, I set it at 2 columns. Notice that I only had to do this once for each size, versus having to set each column individually for each size before. So this saves time, which I'm all about.

QR Code Business Card