Change Avada Column Order on Mobile with CSS

Mobile First CSS

/** 
 * Fix the Staggered Problem for Mobile Stacking Order 
 *
 * This is a mobile-first approach.
 */
@media all and (min-width: 767px) {
  #reverse-cols1 .fusion-builder-row.fusion-row {
    display: flex !important;
    flex-flow: wrap;
    flex-direction: row-reverse;
  }
}

You’ll need the rest of the tutorial with screenshots at the link below, thank you @Marklchavez, contibutor 🙂

https://gist.github.com/marklchaves/aadd94aa13bd7e753031b4d54e948669

Leave a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.