How can I remove the white space in between the top header box of my collection template and the category list below it? TIA!
Topic summary
A user encountered excessive white space between a collection heading and category list on their Shopify store. Screenshots were provided showing the spacing issue.
Solution Provided:
Another participant suggested adding custom CSS code to the theme settings:
.collection-template-page {
margin-bottom: 0px !important;
}
Outcome:
- The original poster confirmed the CSS fix worked successfully
- A third user reported the same code did not work for them, generating a “correct the errors” message when attempting to save the custom CSS
The discussion remains partially unresolved, as the solution worked for one user but failed for another, suggesting potential theme-specific differences or syntax issues.
Please add this code to Custom CSS of your theme settings
.collection-template-page {
margin-bottom: 0px !important;
}
1 Like
Worked perfectly. thank you! 
1 Like
Very welcome!
This did not work for me. I got ‘Correct the errors to save your custom css.