Can soneone help me center this?
Topic summary
A user seeks help centering their collection page layout, which appears to have content aligned to one side due to visible filters.
Solutions Provided:
-
Option 1: Add CSS code to hide the filter sidebar (
aside#main-collection-filters { display: none; }), which should center the remaining content. -
Option 2: Insert custom CSS code in the theme.liquid file before the
</head>tag. However, the specific code snippet was initially missing from this response, causing confusion.
Current Status:
The discussion remains unresolved. The original poster requested clarification about the missing code and subsequently asked about a related design customization in a separate thread, suggesting the centering issue may not be fully addressed yet.
Please add the following code at the end of your css file.
aside#main-collection-filters {
display: none;
}
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 
(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
where is the code?
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
@websensepro do you know how to do this? Change design on collection page
https://community.shopify.com/c/shopify-design/change-design-on-collection-page/m-p/2914182#M764082