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.
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.