Order of Columns Mobile View

[ashfillmore1]

Hello,

I am reworking my homepage (still under development) HERE.

I have the legacy columns slide in, about halfway down, but on mobile view they are out of order. I would like it to be picture, text, button, just like rows 1 and three. Because rows 2 and 4 come from the other side, the order is incorrect. Any ideas?

Thanks!

[nabeel]

Hi @ashfillmore1,

Thank you for reaching out to us. To swap the columns in mobile devices, first assign a class swap-columns to the sections (2 & 4) that needs to be swapped in mobile devices and then add the following code in the Theme Options > CSS:

@media screen and (max-width: 767px) {
  .swap-columns .x-container {
    display: flex !important;
    flex-direction: column-reverse;
  }
}

You can also follow this thread as well https://theme.co/apex/forum/t/swapping-columns-order-in-mobile-version/24686/6

Hope this helps!