Hi There,
I would like to reduce the space at the top and bottom of this sub category bar on our collection page, does anyone know how I can do this?
Thank you!!
Topic summary
A user sought to reduce the vertical spacing (top and bottom margins) around a subcategory bar on their collection page.
Solution Provided:
- Navigate to Edit code in the theme editor
- Locate the theme.css file
- Add the following CSS at the end of the file:
.index-section { margin: 0 !important; }
Outcome:
The solution successfully resolved the spacing issue. The user confirmed it worked as intended.
Note: A screenshot was provided showing the subcategory bar before the fix, and another screenshot demonstrated the result after applying the CSS code.
Hi @ONYXLights
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file
.index-section {
margin: 0 !important;
}
Result:
Best,
Liz
That worked! Thank you!!