tmonty65 Posted March 24, 2022 Posted March 24, 2022 (edited) 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 Edited March 24, 2022 by tmonty65 More direct URL
tuanphan Posted March 26, 2022 Posted March 26, 2022 #1. You need to adjust layout a bit Add image 1, image 2 Add 1 Line Block Add Image 3, 4 Add 1 Line Block Add Image 5,6 ... Final, remove all Line Blocks, then check again on mobile (See redline in screenshot) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment