Reverse Column Order

Description

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.

Screenshots

Installation

  1. Upload the reverse-column-order folder to /wp-content/plugins/.
  2. Activate the plugin through the “Plugins” screen in WordPress.
  3. Make sure WPBakery Page Builder (js_composer) is active.
  4. Edit any Row element and check “Reverse column order on stack (mobile/tablet)” under the Responsive group.

FAQ

Does this work without WPBakery Page Builder?

No. This plugin only adds an option to WPBakery’s Row and Inner Row
elements; it has no effect if WPBakery Page Builder (js_composer) is not
installed and active.

Does this change the HTML order of my columns?

No. It only changes the visual order on small screens via CSS
(flexbox). The underlying HTML/DOM order, and therefore reading and tab
order, stays the same.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Reverse Column Order” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Reverse Column Order” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial release.