Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Row option to reverse the order of columns on tabl

1 week 2 days ago #1

  • Renato's Avatar
  • Renato
  • Posts: 80
Hi, what about a row option to reverse the order of columns on tablets and/or mobiles?

Now I use a duplicated hidden (on desktop) row and manually invert the order on it.

Or if there's a smarter solution let me know!

Regards,
Renato

1 week 2 days ago #2

  • Eli James's Avatar
  • Eli James
  • Posts: 2
Row Option is the most suitable solution for your case I find and easier especially since you are only looking to reverse.

UC Browser SHAREit MX Player

1 week 2 days ago #3

  • Artem's Avatar
  • Artem
  • Posts: 8236
Hi there!

I can propose a CSS solution

Step 1. Add Class suffix custom-row-order for the row

Step 2. Add this code to the CSS editor
@media (max-width: 768px) {
    .custom-order .ba-grid-column-wrapper:nth-child(1) {
        order: 3;
   }

    .custom-order .ba-grid-column-wrapper:nth-child(2) {
        order: 2;
    }

    .custom-order .ba-grid-column-wrapper:nth-child(3) {
        order: 1;
    }
}

Where
- nth-child 1,2,3 it's you columns
- order 1,2,3 - it's a order of your columns

Regards,
Artem, Balbooa.com
Powered by Kunena Forum