So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile.
A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be greatly appreciated.
So now, I've just succumbed to doing individual image stacks. I've found out how to shrink the image blocks just in mobile, however I still can't them to form rows/columns despite the extra room now they have on the right (as seen in the screenshot). The code I'm using is below.
Question
pashapasha1570048753 0
So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile.
A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be greatly appreciated.
So now, I've just succumbed to doing individual image stacks. I've found out how to shrink the image blocks just in mobile, however I still can't them to form rows/columns despite the extra room now they have on the right (as seen in the screenshot). The code I'm using is below.
Any insight would be greatly appreciated.

Edited by pashapashaInitial Revision
Link to post
Top Posters For This Question
32
8
4
4
Popular Days
Jun 3
5
Nov 17
4
Apr 2
4
Jun 4
4
Top Posters For This Question
tuanphan 32 posts
katie_w_3 8 posts
wkw 4 posts
serenamnixon 4 posts
Popular Days
Jun 3 2020
5 posts
Nov 17 2020
4 posts
Apr 2 2020
4 posts
Jun 4 2020
4 posts
Popular Posts
tuanphan
Your site is private. Can you setup password & share url again?
tuanphan
Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#block-5e9840e42d95cc671880ffd3+.row .span-2 { width: 50% !important; float: left !important; } }
tuanphan
Have you solved it yet?
Posted Images
82 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment