Archived topic
Responsive Grid with GenerateBlocks?
5 replies · Started by Andy on March 31, 2020
Hi there,
GenerateBlocks is a game-changer! Overall, it's very intuitive. However, I'm having a tough time making responsive adjustments with the grid.
Question:
In mobile view, how do I shrink my 4 columns, so they all fit responsively on my mobile device?
Currently, the sponsored logos stack on-top of each other in mobile view. I'd prefer to have at least 3 logos sit beside each other in mobile view. I don't care if I lose a column in the process. Mock-up below:
https://imgur.com/a/aIhIrQg#mzcm1Tm
Thank you,
Andy
Hi there,
Glad to hear that :)
Select the individual Grid Container. In the Right Hand Settings sidebar where you can set the Container Width % - select the Mobile Tab above and then change the width to 25% or whatever you need. Repeat that for each item.
Thanks David! Worked beautifully!
Is it possible to hide one individual Grid Container in mobile view?
You can try using the built-in hide-on class:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
Thank you!
No problem :)
