Elementor

Reverse column order for tablet

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

Note: To copy any code presented in these tutorials, hover over the code and select the Toggle RAW Code icon raw code icon

While the option exists to reverse the column order for mobile, there is not a setting to do the same for tablet.

So while we wait for that to arrive, you can use the following CSS:

/* reverse column order for tablet */
@media (max-width:768px) {
  .elementor .elementor-row {
  flex-wrap:wrap-reverse;
 }
}

4 thoughts on “Reverse column order for tablet”

  1. This got me started in the right direction, but what worked for me was:

    @media (max-width: 1024px) {
    .elementor-reverse-mobile>.elementor-container>.elementor-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }
    }

    1. Sniffle Valve

      Hi Adal,
      Good to hear it got you started and thanks for the code 🙂
      Cheers!
      Lyle

Leave a Comment

Your email address will not be published. Required fields are marked *