[Support request] Display Query Loop Horizontally

[jaypabs]

How do I display query loop horizontally?

I’d like to display it with image above and the tile below like the screenshot below:

[Fernando]

Hi Jaypabs,

You can set the columns of the Query Loop through the Container Width of the Post Template Block as such: https://share.getcloudapp.com/rRuQbBdg

Then, just put Blocks on top of one another.

You can use a GenerateBlocks Image Block for the Image, and Headline Blocks for the other texts.

[jaypabs]

Hi Fernando,

Thanks, it works. But when the screen is too small, the image and the title just shrink. How can I move say two images below if the screen is too small?

[Ying]

GB’s grid block has responsive settings.

If you click the tablet icon which means you are previewing on a smaller screen, you can set the container width to 50%, so it will only have 2 containers per row on a tablet.

Let me know if this helps!

[Author]

Posts