Site URL: https://www.agcchurches.com/apostolic-foundations
I’m trying to do a few things here, I’ve viewed other similar issues and forum posts but none can directly help with what I’m doing.
1. I’m trying to reorder how my image blocks appear in mobile. Desktop view is separating the blocks as two columns which is great I want block 1 and block 2 right next to each other and block 3 & 4 below them, but the mobile version orders them by vertical columns so you end up with 1 - 3 - 5 - 7 - 9 - 11
2. I also need to find a way to make the text and button fit within each image block regardless of view (mobile, Desktop, etc.) I have tried downsizing the text but to no avail it still pushes the text and button off of the block. And if I make it much smaller it becomes unreadable on the desktop version.
Our website is live. And this page layout only applies to a small portion of the total content on our website. If at all possible I’d like to apply these changes to just the pages necessary. So as to not affect anything else that is already set up how we want it!
thank you,
Tyler
