Archived topic
Change content order in mobile view
12 replies · Started by WebbPlatsen on December 22, 2022
I have following blocks.
ROW 1:
- CONTAINER
-- GRID
--- CONTAINER
[ image ]
--- CONTAINER
[ text ]
RPW 2:
- CONTAINER
-- GRID
--- CONTAINER
[ text ]
--- CONTAINER
[ image ]
In mobile view I want text to be displayed before image.
This will work auto for ROW 2. How about ROW 1?
Hi there,
if you select a Grid Column Container Block and then switch to mobile in the Layout settings there is an `Order field.
https://docs.generateblocks.com/article/container-overview/#layout-–-grid-item
You can set the order for each column container to re-arrange them.
Note you can use negative values in the Order. So if you selected the last column container and set its order to -1 it will appear first above all other columns in the grid.
Got it!
I have set order and it seems to work when I edit page but it will not work in frontend.
I have tried different browsers, empty cache etc.
Are you using Global Styles ?
Yes I am.
I updated my global style and it works :)
Hmm it doesn't seems that "local" (on page) settings override Global Style.
Did the Global Style have an Order valued saved in it before ?
No values in Global Style was set.
Hmmm... odd, i will take a look into that.
Are you ok for now setting those in the global styles ?
Guess so ;)
I am using Global Style and Local Pattern.
When Iam building a page I will add templates like Hero-block, text+image block etc etc.
Glad to hear that.
yes, but problem still exists regarding override Global Style ;)
We should be able to fix that after the next GB update. We are making changes there which will make it easier for these kinds of improvement :)
I "solve" this issue by duplicate the block and then delete the original block. ;)