How to add Gridbox Content Editor to Zero App?

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

Row option to reverse the order of columns on tabl

4 months 1 day 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

4 months 1 day ago #2

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

4 months 1 day ago #3

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

3 months 1 week ago #4

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

3 months 1 week ago #5

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

2 months 3 weeks ago #6

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

2 months 3 weeks ago #7

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