Hello!
I have a row with 3 columns (button on the left, logo in the center and button on the right), but i need to change the order on mobile, so the LOGO will be the FIRST ONE.
The defaul option of “collapse order” in the layout settings wont work, because there are 3 columns (meaning one way or another, the logo will be the second on mobile).
I tried to add classes to each column and use the “order” property in css, but it doesnt work, because i would need to add the class in an upper level for it to work (which i cant change because siteorigin set the classes by default and whatever class i add is in a lower level). And if i call the default classes and force the “order” property in css, it will affect all the page… so i dont think thats the right solution.
What can i do?
Thanks.
Hi Gerardocoto
Thanks for reaching out.
There are a few ways to approach this. One is if you have the technical background to add CSS classes and write Custom CSS for those classes, are you not able to add a row-level class? Once you have a row-level class to work with, you should be able to select any div within the parent container that you want either by class name or by counting.
Hi! thanks for responding.
Awesome! i did it that way and it worked.
(Added a class to the row, then call each ID within the row and changing the order with “order” property)
Thank you very much!
:D
Super :) Glad to hear you’re making progress.
Cheers for now.