Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Row option to reverse the order of columns on tabl

1 year 1 week 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

1 year 1 week 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.
___________________________________________________
ShowBox Tutuapp Mobdro

1 year 1 week ago #3

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

11 months 2 weeks ago #4

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

11 months 2 weeks ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 10508
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

11 months 17 hours ago #6

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

11 months 1 hour ago #7

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