Breakpoint Columns - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Breakpoint Columns

SC

Steffen Chevalier

SP Page Builder 3 years ago

Hello,

where i have to edit, to break the Columns in a Row earlier? Im my Case there are 4 Columns Side by Side:


@Desktop
ABCD

@ Laptop
ABCD

@Tablet-L
ABCD

@Tablet-P
ABCD

@Phone-L
A
B
C
D

@Phone-P
A
B
C
D

I need this Layout:

@ Desktop
ABCD

@ Laptop
ABCD

@Tablet-L
AB
CD

@Tablet-P
AB
CD

@Phone-L
A
B
C
D

@Phone-P
A
B
C
D

I hope you understand... Thank you!

Chevi

0
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #85702

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

0
SC
Steffen Chevalier
Accepted Answer
3 years ago #86054

Hi Rashida,

Thank you for your support.

I tried the first option, but it didn't work. The second link helped: I didn't know that I could also address the individual viewpoints with the frame size.

Best Regrards Chevi

0
A
andostini
Accepted Answer
3 years ago #86086

Same question here. I simply don't have that option shown in your first screenshot. Only the ordering option, but not the layout one.

0