A user seeks to reduce excessive spacing between the collection title and product grid on their Shopify store’s collection pages. They provided a preview link and screenshot showing the current layout issue.
Two solutions were offered:
</body> tagImplementation steps:
</body> tagBoth solutions include before/after screenshots demonstrating the reduced spacing. The discussion appears resolved with working CSS-based solutions provided.
Hi everyone,
I’m looking to reduce the space between the collection title and the products in the collection view on my store. I’ve attached images showing the current layout and the issue I’d like to resolve.
Here’s the preview link to my store: https://ll4w4t6j24v2zyxo-86217654598.shopifypreview.com
Password: Password
Thanks in advance for your help!
Best,
Kim
Hi @KimGottwald
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @KimGottwald
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
