Close Menu

Swap Blocks

Change the order of the blocks on desktop.

The Swap Blocks setting is used to change the order of the blocks on desktop.

This is an important distinction and can be used to control the flow of your website on mobile, giving your users the best mobile experience possible.

For example, if you’d like to alternate blocks with photo backgrounds on desktop but want the accompanying content to be displayed under the photo on mobile, you would create the blocks in the editor with the leftmost block as the photo background and the rightmost block as the content block. This way, they will stack on mobile, left first then right. Then, selecting Swap Blocks on every other Dirigible Blocks group.

Mobile swap blocks example.

Example mobile stacking.

The same blocks viewed on desktop. In this example, the second Dirigible Blocks group has Swap Blocks enabled.