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.
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.
Simply enable Reverse Columns (Tablet) and Reverse Columns (Mobile) options then save your changes.
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.
Isn’t this a cool feature? 🙂