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 {

4 thoughts on “Reverse column order for tablet”

  1. Avatar

    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

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

Scroll to Top