Reverse Column Order

Reverse Column Order is an add-on for WPBakery Page Builder (js_composer). WPBakery always stacks a row’s columns top-to-bottom in the same order as they appear left-to-right on desktop, and there is no built-in way to reverse that order on smaller screens.

This plugin adds a single checkbox, «Reverse column order on stack (mobile/tablet)», to the WPBakery Row and Inner Row edit forms. When checked, that row’s columns are shown in reverse order once they stack — for example, showing a text column above an image column on mobile, even though the image column comes first on desktop.

• Built for WPBakery Page Builder (js_composer) Row and Inner Row elements.
• Per-row toggle — mix reversed and normal rows on the same page.
• CSS-only (flexbox), so it doesn’t touch the underlying HTML/DOM order.
• No settings page, no configuration — everything lives on the row itself.
• No effect on desktop/unstacked layout.

This is an independent, unofficial add-on and is not produced by, affiliated with, or endorsed by the makers of WPBakery Page Builder. WPBakery Page Builder (js_composer) must be installed and active for this plugin to have any effect.

Note on accessibility

This plugin reverses visual order only. Screen reader reading order and keyboard tab order follow the underlying HTML, which is unchanged.