Column Responsive Order

Change the order of your columns at will to better fit your responsive layouts.

Responsive design made even easier with column responsive order.

Ever wished you could rearrange the order of your columns according to what device the page is being viewed on? Sometimes designing for different devices means re-evaluating the way users access certain information or functions of your website so that both UI and UX better reflect the usability of the device they’re using.

Working with Elementor this means that you should be able to rearrange the columns that contain your precious work completely at will, be it for Desktop, Tablet or Mobile. Column Responsive Order allows you to do just that.

Extremely simple functionality, as it should always have been.

All you have to do to access the feature is toggling it on on your Gloo dashboard under Power Gloo, and then head to the Layout tab of your Elementor column settings.

Here you will find an entirely new homonymous menu with a field called Order and an icon representing the device it should apply to. Simply write a numeric value in said field and your columns will be arranged accordingly, left to right from the smallest to number the biggest.

Clicking on the device icon will let you repeat the process for Desktop, Tablet or Mobile. Leaving the field blank, moreover, will leave the original column order untouched.

Dependencies: Elementor

What is Column Responsive Order by Gloo?

Column Responsive Order is a feature in Gloo that allows you to rearrange the order of your Elementor columns according to the device the page is being viewed on, such as desktop, tablet, or mobile.

How does Column Responsive Order work?

To use Column Responsive Order, toggle it on in your Gloo dashboard under Power Gloo and go to the Layout tab of your Elementor column settings. In the Order field, enter a numeric value to arrange your columns accordingly from left to right, with the smallest number first. You can do this for desktop, tablet, or mobile by clicking on the device icon.

Why is Column Responsive Order useful?

Designing for different devices often requires re-evaluating the way users access certain information or functions of your website. Column Responsive Order makes it easy to rearrange your columns to better reflect the usability of the device being used, resulting in a better user experience.

Play Video

THIS FEATURE IS PART OF :