How to Re-order Elementor Column Layout in Desktop, Mobile & Tablet + Sticky Elementor Columns [Video Tutorial]

Updated onMay 7, 2026By

Key Takeaways

  • The Plus Addons for Elementor features a Column Ordering extension that allows users to reorder columns on mobile, tablet, and desktop from a single panel.
  • Reordering columns can enhance WooCommerce stores by placing product images above descriptions on mobile devices.
  • The Column Ordering extension enables users to assign ordering numbers to completely transfer column positions without coding.
Table Of Content

This guide covers the Column Ordering extension from The Plus Addons for Elementor, which lets you reorder Elementor column layout on mobile, tablet, and desktop from a single panel.

Best Used For:

  • WooCommerce stores where product image should appear above description on mobile
  • Agency landing pages where the text column needs to lead on mobile for readability
  • Blog layouts where sidebar columns need to move below content on small screens
Youtube video
Video Duration: 07 : 59

Video Overview

In this Elementor tutorial, you will learn how to reorder or rearrange columns for mobile, desktop, or tablet screens. You can completely transfer column position across different screen modes by assigning ordering numbers, without any coding.

Reverse column order or completely transfer a column from first to last position — you can do it all with the Column Ordering extension from The Plus Addons for Elementor.

Live Demo – https://theplusaddons.com/elementor-extras/column-ordering-devices/

Exclusive Features
✅ Works on any WordPress theme
✅ Reorder hamburger menu items by column position
✅ Reorder images for responsive screens
✅ Sticky Elementor Column

Other Column Extensions from The Plus Addons:
✅ Custom Media Query Breakpoints for Column Settings
✅ Custom Column Width Options
✅ Responsive Column Order
✅ Add Custom CSS to Columns

Time stamps
0:00 Intro
1:13 Activating the Column Ordering Elementor Extension
2:15 Responsive Column Order Explained
4:36 CASE 1: Reordering Navigation Menu Columns
6:10 CASE 2: Store Page Column Reordering
6:48 Extra Tip : Sticky Column Extension
7:32 Outro

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my Elementor columns aren't reordering as expected?

If your Elementor columns aren't reordering, ensure that you've activated the Column Ordering Elementor Extension. This extension allows you to easily assign ordering numbers to your columns for different screen modes. If the columns still don't rearrange, double-check that you're applying the ordering numbers correctly, as incorrect numbers can lead to unexpected layouts.

What is the best practice for setting up sticky columns in Elementor?

When setting up sticky columns in Elementor, it's best to apply the sticky setting to columns that contain important content you want to keep visible while scrolling. This enhances user experience by keeping key information accessible. The Plus Addons for Elementor includes a Sticky Column Extension, which allows you to easily implement this feature without coding.

Last reviewed: May 8, 2026

Related Docs