Reverse column order for tablet

Get the Latest from Sniffle Valve

Sniffle Valve logo

If you find this quick tip to be helpful and of use, consider buying Sniffle Valve a coffee  

For help with the content presented in this quick tip, 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

2 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;
    }
    }

Leave a Comment