News Pro – Change Grid formation of a page on mobile

[cricketyorkshire]

Hi everyone, any advice on this very specific query would be really appreciated. I have a web page where I've got a series of logos and short descriptive text underneath each one: https://cricketyorkshire.com/cricket-equipment-suppliers-guide/

I designed the page by inserting image then paragraph blocks with Gutenberg Editor. AT present, it's a grid of 9 logos and 9 text blocks.

On desktop, the logos and text align ok.

On mobile devices, you see three logos, then three descriptions and then a bit of both.

Is there any way to show logo then text underneath on mobile devices?

I wasn't sure if this was a general theme coding question (I wouldn't know where to start) or something specific to the News Pro theme.

Thanks, John.

https://cricketyorkshire.com/cricket-equipment-suppliers-guide/

[Anita]

That's not doable the way you've added the content. All of the images are on one line and the text on another line. You could use the Caption on the image blocks so that the text stays with the image.

---

Love coffee, chocolate and my Bella!

[cricketyorkshire]

Thanks for replying Anita - I'll explore the option of a caption on the image blocks again to get the correct alignment.

I think I discounted it before for some reason (possibly that the caption text justified centrally) but something to look into.

[Author]

Posts