Skip to main content
Login Join
Reverse Column Order
Free

Reverse Column Order

by Rohan (@rohan)

Back to Showcase
Free columns mobile page builder responsive WPBakery
Reverse Column Order banner

About This Plugin

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.

Community Reviews

No reviews yet. Be the first to share your experience!

Log in to leave a review