Archived topic
Different image/text view in desktop/mobile
3 replies · Started by WebbPlatsen on November 30, 2022
Is it possible to create following desktop/mobile view?
Using Generateblocks.
DESKTOP
Col 1: Col 2: Col 3:
[IMAGE] [IMAGE] [IMAGE]
[TEXT] [TEXT] [TEXT]
MOBILE
[IMAGE] [TEXT]
[IMAGE] [TEXT]
[IMAGE] [TEXT]
Hi there,
Today, you would need to nest a grid block inside each of those grid columns:
eg.
Grid Block
- Grid Column Container [1]
-- Grid Block
---- Grid Column Container [2]
------ Image Block
---- Grid Column Container [3]
------ Text Block
- Grid Column Container [1]
-- Grid Block
---- Grid Column Container [2]
------ Image Block
---- Grid Column Container [3]
------ Text Block
- Grid Column Container [1]
-- Grid Block
---- Grid Column Container [2]
------ Image Block
---- Grid Column Container [3]
------ Text Block
For Grid Column Container [1] you would set the Desktop width to 33% and Mobile to 100%
For Grid Column Container [2] & [3] you would set the Desktop width to 100%m and Mobile to 50%.
Problem solved :)
Many thanks.
I wasn't creative enough to understand how to solve this with blocks ;)
You're welcome