Hi there!

Thanks for your query.

You can set column responsiveness from the three dots of the respective column's upper right corner. Here is a screenshot for your ease:

https://prnt.sc/RjauSxawV3OV

You may try to set width for different viewports from the editor top too:

https://prnt.sc/vIFk2Rd3cdKn

The following doc links may help you too:

https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4/columns#span-style-font-weight-400-column-structure-span

https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4/front-end-sidebar#span-style-font-weight-400-6-different-viewports-span

https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4/rows#span-style-font-weight-400-adjust-column-size-span

Best Regards

Hi

We have the same issue, and as I can see you have not answered the question: The question is NOT how to resize the columns but how can we stack the columns one below the other on different viewports. I.e. if we have a row with 2 columns 6+6 that is 50% / 50%, how this can be changed to 100% / 100% on tablet.

Please advice.

Hi,

You can set column responsiveness from the three dots of the respective column's upper right corner. Here is a screenshot for your ease:

Exactly this option was removed in Page Builder 4.0.5. This has been my workaround so far.

if we have a row with 2 columns 6+6 that is 50% / 50%, how this can be changed to 100% / 100% on tablet.

This ist the question. I have four columns in the desktop view. In mobile view it automatically becomes one column and four rows, but in tablet view I want two columns and two rows.

Is there an option for this?