SPPB 5: How To Build A Row With 4 Colums That First Splits Into 2 + 2, Then 1 As Screen Gets Narrower - Question | JoomShaper

SPPB 5: How To Build A Row With 4 Colums That First Splits Into 2 + 2, Then 1 As Screen Gets Narrower

PH

Peter Hunkeler

SP Page Builder 8 months ago

I'm building a page in SPPB 5.5.1 which has a row with 4 columns. As the screen size gets narrower the colums are eventually show one below the other.

I'd like to show the colums side by side, then as the screen gets narrower, first two and two, and finally only one column. How can I achieve this?

Example Wide screen:

column-1 column-2 column-3 column-4

Smaller screen

column-1 column-2
column-3 column-4

Even smaller screen

column-1
column-2
column-3
column-4

Regards Peter

0
3 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 8 months ago #183859

Apolozy for the inconvenience. I have created your desired design. Please download the JSON file from the hidden content area, then import it to your page.

0
PH
Peter Hunkeler
Accepted Answer
8 months ago #183909

Great help! Thanks a lot

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 8 months ago #183872

BTW

In general you can do that using a simple math with Width field (%) and Device View selector (L,T,M)

info_3222_2025.jpg

0