-
Hi team,
I am setting up responsiveness for 2 blocks within a Grid layout and despite setting the order for a content container and an Image, the order has no affect? As you will see, the Image is set to 1 and Text container to 2, but still the text is coming first when viewed on tablet or Mobile?
Thanks
-
Hi there,
The parent Container (
.gb-element-618f8b47) needs to use either Display: Flex or Display: Grid for the Order setting to have any effect.If it’s using the default block layout, the Order property won’t be applied.
-
I cant find the container (.gb-element-618f8b47), but the parent container I can see is (.gb-element-8b11c9ba). I’ve tried changing that to flex and grid, but it still doesn’t change the order?
-
Sorry, I thought you were referring to the $55 Weekday Lunch section.
The Container whose Display property needs to be changed is
.gb-element-5289d0c3. It’s the inner Container inside.gb-element-8b11c9ba. -
I tried Flex under the tablet settings and that just makes the text disappear all together. So I set it to Grid and while it isn’t too bad when viewed on a mobile, it still has the 2 containers side by side when viewed on a tablet, but has swapped sides and is very messy?
Please see now. -
Would changing the ‘Grid Template Columns’ to 1fr be the fix for this?
-
Would changing the ‘Grid Template Columns’ to 1fr be the fix for this?
Yes, that’s correct. You can set it to 1fr, or 100% will work as well.
- You must be logged in to reply to this topic.