Remember me

Row option to reverse the order of columns on tabl

4 years 10 months ago #1

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

4 years 10 months ago #2

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

4 years 10 months ago #3

  • Artem's Avatar
  • Artem
  • Posts: 11342
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

4 years 10 months ago #4

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

ShowBox Tutuapp Mobdro

4 years 10 months ago #5

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
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

4 years 9 months ago #6

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

4 years 9 months ago #7

  • Artem's Avatar
  • Artem
  • Posts: 11342
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