Decrease top margin

2 0 0

Hi, I just duplicate a collection template and in this new section I have extra top margin between the header and the collection title. Can anybody can help me with this please.


Screenshot 2023-10-20 at 23.02.00.png

Replies 3 (3)
Shopify Partner
3016 753 911

Hey @Claudia1212 


Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

.template-collection main {
    margin-top: 0 !important;




If I managed to help you then, don't forget to Like it and Mark it as Solution!


Best Regards,

Need a Shopify developer? Chat on WhatsApp

- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
2 0 0



I did it, and the results worked but at the same time my other custom collection pages that do not present that problem change to this, seems like it is overlapping the info. Do you know what can I do?


Screenshot 2023-10-21 at 19.59.50.png

Shopify Partner
3617 797 1443

Hi @Claudia1212 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

.container--vertical-space-small {
    margin-top: 30px !important;

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.