Swap columns on mobile device

Hi guys,

I am following this guide to swap columns order on mobile device, however, this isn’t working on my website.

I have created a class on the columns I would like to swap (swapcolumns)

Here’s the CSS I am using:

@media (max-width: 480px) {
.x-row.swapcolumns {
    display: flex;
    flex-flow: column-reverse wrap;
} }

My website is:

Hi Alessandro,

You do not need to add custom CSS code anymore as the Flex Reverse feature is added and part of your Page Builder. I suggest that you check the video below to know how to re-order the columns on mobile:

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.