Hi,
please help, I would like the collection list to fit 100% of my page.
please see preview here, https://98x681bnbq6ifnnf-55570858102.shopifypreview.com
Topic summary
A user seeks help making their collection list span the full width of the page on their Shopify store, providing a preview link to demonstrate the issue.
Proposed Solution:
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate the CSS file (base.css, theme.css, styles.css, or theme.scss.liquid)
- Add CSS code targeting the collection section to set width to 100% and max-width to 100vw with !important flags
Current Status:
A follow-up comment suggests the issue may already be resolved, though this hasn’t been confirmed by the original poster. The discussion remains open pending verification from the user.
1 Like
Hi @Mitch23 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
.section:has(.column .product-wrap) {
margin: 0 !important;
max-width: 100% !important;
width: 100vw !important;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
