Site logo

Archived topic

Different image/text view in desktop/mobile

3 replies · Started by WebbPlatsen on November 30, 2022

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.