Site logo

Archived topic

Change content order in mobile view

12 replies · Started by WebbPlatsen on December 22, 2022

Viewing posts 1–13 of 13

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. ;)

This archived topic is closed to new replies.