Archived topic
Make gallery single-column on mobile
5 replies · Started by scometamus on September 2, 2022
Dear GP-team,
is there a way to make a gallery which is 2 columns on desktop/tablet view 1-column on mobile view?
Thanks in advance!
Hi there,
Since you are using the Grid/Container blocks from GB, you can set different container widths on different devices using the responsive controls:
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-grid-item
https://docs.generateblocks.com/article/responsive-controls/'
Let me know if this helps :)
Thank you Leo for the info! Did I understand it correctly that I need a Grid Layout in order to make it 1-column on mobile view? Because I only have a container with a gallery and I don't see any option in your articles to set different container widths here.
Did I understand it correctly that I need a Grid Layout in order to make it 1-column on mobile view?
That's correct.
This should be the structure of the gallery:
https://www.screencast.com/t/uslSy0jw8
Awesome, worked perfectly. Thanks a lot!
No problem :)
