How to Reverse the Column Order on Elementor | Elementor Resources 12611872352923
How to Reverse the Column Order on Elementor

How to Reverse the Column Order on Elementor

Two-column layouts look really cool, I know. Creating layouts with full images and colored background with texts side by side is a smart way in capturing a user’s attention. Additionally, placing containers that alternate from one side to another makes your site even cooler!

The problem with these is that once screen size is adjusted, the whole aesthetic of the section and the column stacking may get messed up.

Reversing columns in responsive layouts
Reversing columns in responsive layouts

Good thing, Elementor is a life saver for that as it allows you to easily reverse the columns of your sections on certain breakpoints (Tablets and Mobiles).

Here’s an easy tutorial for you.

Select the section you want to reverse the column. After that, go to Advanced > Responsive.

Reversing columns in responsive layouts

Step 2
Simply enable Reverse Columns (Tablet) and Reverse Columns (Mobile) options then save your changes.

Reversing columns in responsive layouts

Step 3
Viola! There is actually no third step. The columns will be reversed now in tablets/mobiles mode but will retain the same layout on desktop screens.

Reversing columns in responsive layouts

 

Isn’t this a cool feature?  🙂

Leave a Reply

×
×

Cart