Jump to content

Elements Won't Collapse Properly

Recommended Posts

Under my first recommendation, for tents (see photo) I'm struggling to get the products to collapse properly. Below 586px, it seems the products on the first line push the second product down to a third line instead of following in order on the second. I'm sure itʻs a simple css fix, but I can't seem to figure it out.

From what I can see, its because the first .products-block class is still taking up the whole container when it shouldnt when it collapses down.

 

Thank you!

https://noahlangphotography.com/blog/best-ultralight-hiking-backpacking-gear

Screenshot2024-06-30at12_51_57PM.thumb.png.10ed64e6635e2073949ae24388cb0115.png

Link to comment
  • Replies 2
  • Views 280
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

8 hours ago, tuanphan said:

Hi,

I think you solved or you want 3 items/row?

image.png.78cab79c8215ccc6c2d0150de1d24549.png

Yes, thank you! That's exactly what I was looking for! I just wanted them to collapse one by one as the page shrinks. Do you have the solution?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.