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

Row option to reverse the order of columns on tabl

2 months 6 days ago #1

  • Renato's Avatar
  • Renato
  • Posts: 82
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

2 months 6 days ago #2

  • Eli James's Avatar
  • Eli James
  • Posts: 6
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

2 months 5 days ago #3

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

I can propose a CSS solution

Step 1. Add Class suffix custom-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

1 month 1 week ago #4

  • Eli James's Avatar
  • Eli James
  • Posts: 6
I have the same issue and the code don't work for me

1 month 1 week ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6871
Hello,
Thank you for contacting us

Describe in detail what kind of result you need
and send us a link to the page.

Regards,
Vyacheslav, Balbooa.com

3 weeks 6 days ago #6

  • Alexandr's Avatar
  • Alexandr
  • Posts: 115
In Step 1 just replace custom-row-order to custom-order :whistle:

3 weeks 5 days ago #7

  • Artem's Avatar
  • Artem
  • Posts: 8382
Alexandr wrote:
In Step 1 just replace custom-row-order to custom-order :whistle:

Oops :whistle: Thank you! replaced in the original post :)
Powered by Kunena Forum