Search the Community
Showing results for tags 'stack-gallery'.
Found 3 results
Hi all, Looking for some help. I have a Squarespace website (https://electriclifestyle.eu) that uses Ecwid for the integration of products. For this the code blocks are used. This works great, but on mobile it automatically stacks the blocks vertically. This means only having 1 code block visible on the mobile screen. I would like to have 2 code blocks next to each other so in fact 4 blocks would be visible on a regular mobile screen. I see that when using the gallery it can work, for example I did this with the "quick pick" option on the site. But with code blocks I have no idea how to do it. There are 2 pages where this should be applied (2 different languages) so I would be able to do this on the page specific code injection. Anybody out there that can provide with the code that would work?
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.
Hi all, as in the description & attached screenshot...i'm building a website using the 'Brine' template. Ive got a gallery using the 'stacked' setting. & the only place squarespace will put the photo description is on the bottom-left-hand-corner of the image. I'd like to be able to put it on the bottom-RIGHT-hand-corner of the image. Any suggestions appreciated