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

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;
 }
}
Reverse column order for tablet

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 *