Theme: Enterprise
Would like to reduced the space above products and below header. Tried setting padding and margins to zero in theme liquid file.
Here is what I am looking for (image). Many thanks
Topic summary
- Main issue: On the Enterprise theme, the poster wants to reduce the vertical space between the header and the products on collection pages.
- Actions tried: Set padding and margins to zero in the theme.liquid file, but the excess spacing persists.
- Desired outcome: Tighter spacing above the product grid, matching the layout shown in the provided screenshot.
- Assets: A reference image is attached and central to understanding the target spacing.
- Context: No CSS/code snippet or specific section references were provided beyond edits to theme.liquid.
- Unanswered questions: Which section, block, or CSS selector actually controls the header-to-collection spacing in this theme.
- Status: No solution or consensus yet; the request remains open for guidance on the correct CSS/theme setting to adjust.
Hi @reddyinc ,
Can you share a link to your store?
Hey @reddyinc
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
.section--template {
margin-top: 0px !important;
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
1 Like