Shopify themes, liquid, logos, and UX
Hi, how do I decrease the padding around the header of the collection page?
https://neverskiptrail.myshopify.com/
pw: 12345
HI @Alex--li
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
@media screen and (max-width: 767px){
.collection-hero__title {
margin-bottom: -20px !important;
margin-top: 10px !important;
}
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
@Alex--li - add this css to the very end of your base.css file and check
.collection-hero__title {
margin: 1.5rem 0;
margin-bottom: 0;
}
@Alex--li - can yyou please share the page link of which you got the screenshot?
@suyash1 yeah its https://neverskiptrail.myshopify.com/collections/shop the same issue also appears here
https://neverskiptrail.myshopify.com/collections/brownies
and
https://neverskiptrail.myshopify.com/collections/cookies
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025