[Resolved] Different image/text view in desktop/mobile

[WebbPlatsen]

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]

[David]

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%.

[WebbPlatsen]

Problem solved 🙂
Many thanks.

I wasn’t creative enough to understand how to solve this with blocks 😉

[David]

You’re welcome

[Author]

Posts