With Grid block of GenerateBlocks plugin it’s easy to create columns layout.
But how to swap or re-order the Containers inside the Grid on mobile?
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?
GenerateTips
The order feature of Grid block comes in handy. Here’re the steps:
- Select the image container, click on mobile tab, set the order to 1.
- Do the same to the text container, set its order to
2.
