Elementor

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

Similar Posts

4 Comments

  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 Reply

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