Title: wrap-reverse on flexbox?
Last modified: November 3, 2023

---

# wrap-reverse on flexbox?

 *  Resolved [kmcwepc](https://wordpress.org/support/users/kmcwepc/)
 * (@kmcwepc)
 * [2 years, 7 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/)
 * Are you considering adding a “Wrap reverse” option for flexbox containers?

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [wpsoul](https://wordpress.org/support/users/wpsoul/)
 * (@wpsoul)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17213154)
 * Can you write me benefit of using this?
 *  Thread Starter [kmcwepc](https://wordpress.org/support/users/kmcwepc/)
 * (@kmcwepc)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17213354)
 * That’s used so that when the width of the screen becomes too small and the items
   wrpa, the column order is reversed. You cannot achieve the same thing by setting
   the column order on mobile view, since the “mobile” CSS kicks in at a fixed device
   width, and not necessarily when the columns wrap. I’ve tried that and confirmed
   it’s the case. This is why the wrap-reverse option is implemented in browsers.
 *  Plugin Author [wpsoul](https://wordpress.org/support/users/wpsoul/)
 * (@wpsoul)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17214444)
 * for this we have row-reverse and column-reverse
 * because wrap-reverse works another, it reverses each line separately and I have
   no idea when this can be useful
 * by the way, we have also option to enable custom order for child where you have
   visual drag and drop
 *  Plugin Author [wpsoul](https://wordpress.org/support/users/wpsoul/)
 * (@wpsoul)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17258498)
 * closing as I didn’t get response, but you can reopen
 *  Thread Starter [kmcwepc](https://wordpress.org/support/users/kmcwepc/)
 * (@kmcwepc)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17258615)
 * Very sorry, I’ve been really busy lately and didn’t have time to properly look
   into your response. However, I believe your suggestion doesn’t solve my problem
   since setting row-reverse or column-reverse in general reverses the order in 
   any layout. Setting row-reverse or column-reverse in mobile only, is equivalent
   to setting the column order in mobile only. But my problem remains that the “
   mobile” setting doesn’t kick in until the viewport width reaches a certain fixed
   width, and not when the viewport width is smaller than the content which is when
   wrapping happens. For example if I have two columns of 400px width, when the 
   browser will wrap them into rows when the browser window is less than 800px, 
   but the mobile-specific CSS takes effect at let’s say 700px width. I hope that
   makes sense.
 *  Plugin Author [wpsoul](https://wordpress.org/support/users/wpsoul/)
 * (@wpsoul)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17265396)
 * Ok, but wrap reverse will also be mobile by breakpoint. Anyway, ok, it’s not 
   hard to add, will be added in update
 *  Thread Starter [kmcwepc](https://wordpress.org/support/users/kmcwepc/)
 * (@kmcwepc)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17265419)
 * Thank you, looking forward to the update! I don’t believe the behaviour is as
   you describe (fixed width breakpoint). I manually tested it by adding wrap-reverse
   with custom CSS and resizing the browser window. wrap-reverse triggered as soon
   as there was a need to wrap (which was content width specific), whereas mobile-
   specific settings in Greenshift are triggered later, at a fixed but smaller viewport
   width.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘wrap-reverse on flexbox?’ is closed to new replies.

 * ![](https://ps.w.org/greenshift-animation-and-page-builder-blocks/assets/icon-
   256x256.gif?rev=2773637)
 * [Greenshift - animation and page builder blocks](https://wordpress.org/plugins/greenshift-animation-and-page-builder-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/greenshift-animation-and-page-builder-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/greenshift-animation-and-page-builder-blocks/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [kmcwepc](https://wordpress.org/support/users/kmcwepc/)
 * Last activity: [2 years, 6 months ago](https://wordpress.org/support/topic/wrap-reverse-on-flexbox/#post-17265419)
 * Status: resolved