How to re-order containers inside grid on mobile

Updated on:

With Grid block of GenerateBlocks plugin it’s easy to create columns layout.

desktop view

But how to swap or re-order the Containers inside the Grid on mobile?

default mobile view
expected mobile view

Let’s take a look at this example. We have text container on the left and image container on the right on desktop, so on mobile the text container goes on top of the image container by default. How to put image container on top on mobile?


The order feature of Grid block comes in handy. Here’re the steps:

  1. Select the image container, click on mobile tab, set the order to 1.
  2. Do the same to the text container, set its order to 2.