oh sorry for that issue can you please send store url
Topic summary
Main issue: Capital theme’s collection list capped at 3 per row; request to show 4.
-
Solution provided via CSS. Option 1: @media (min-width:768px) { .grid-item-33 { width: 25% !important; } }. Option 2 (scoped): in theme-index.min.css, .section-index-collectionlist .grid-item-33 { width: 25% !important; } plus @media (max-width:720px) { width: 50% !important; }.
-
Outcome: Original poster confirmed 4-per-row works.
-
Follow-up: Request to equalize collection image heights (one appears taller). Helper asked for a screenshot; no fix yet.
-
New request (another user): Show 2 collections per row at ≤768px. Instruction given to edit section-collection-list.min.css with @media (max-width:768px) rules to set .featured-collections-wrapper .collection-grid–items-4 .homepage-collection-grid-item to ~50% width/flex, enable wrapping on .collection-grid.keep-spacing, and adjust a section title font size.
-
Status: Original issue resolved; image height question pending; second user’s mobile layout tweak proposed, not yet confirmed.
Notes: Fixes rely on CSS media queries (rules applying at specific screen widths). Code snippets and screenshots are central.