[Resolved] Responsive Grid with GenerateBlocks?

[Andy]

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:

View post on imgur.com

Thank you,
Andy

[David]

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.

[Andy]

Thanks David! Worked beautifully!

Is it possible to hide one individual Grid Container in mobile view?

[Leo]

You can try using the built-in hide-on class:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

[Andy]

Thank you!

[Leo]

No problem 🙂

[Author]

Posts