Pee-Aye Creative Divi 5 Plugins Demo & Admin Sandbox

Column Stacking Order & Number

This page demonstrates how Column Stacking controls the order and number of columns per row at different screen sizes using Divi Responsive Helper.

Default Column Stacking Behavior

This example shows how Divi stacks columns by default on tablet and phone sizes.

Two

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

One

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Default Column Stacking Behavior

This example shows how Divi stacks columns by default on tablet and phone sizes.

Two

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

One

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Custom Column Order on Mobile

This example changes the stacking order of columns on smaller screens without changing the desktop layout.

Two

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

One

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Note: Resize your browser window or switch device views to see how column order and column count change at different breakpoints.