Hi there, is there a way to reduce the spacing between here on the cart page? It is already at 0 padding, so it will be to go beyond the theme limit.
Hi @Chuckachucka , try adding the following Custom CSS from the Theme Editor
cart-items .title-wrapper-with-link {
margin-top: 0px;
}
If it’s too tight after applying this you can slowly increase that 0px until it looks the way you want.
Thanks! It works nicely
Hi, @Chuckachucka
If the padding is already set to 0 in the theme editor, the extra space you’re seeing between the header and the “Your Cart” heading (the gap highlighted in your screenshot) is coming from the theme’s default margins on the cart template, which aren’t controllable through the editor sliders.
Here’s how to fix it:
Step 1 - Add a CSS Override
Go to Theme Settings ⇒ Custom CSS and paste this:
.template-cart .page-width {
margin-top: 0 !important;
padding-top: 0 !important;
}.template-cart h1 {
margin-top: 0 !important;}
If that doesn’t work on your theme, try this fallback:
.cart-page main, #cart, main .page-width {
margin-top: 0 !important;
padding-top: 0 !important;}
The !important flag ensures the override wins against the theme’s existing default styles — without it the fix may not apply.
Step 2 - Check the Header Section
Looking at your screenshot, “Enable sticky header” is currently toggled off - enable it and see if it improves the gap visually as well.
Step 3 - Inspect via Browser (if CSS doesn’t work)
Right-click the gap ⇒ Inspect Element ⇒ look for any margin or padding values on the cart wrapper or tag. Share the class name here and we can give you a more targeted fix.
Try Step 1 first and let us know if the gap disappears - if not, drop the class name from Inspect and we’ll get it sorted
As an additional option, tools like Website Speedy can assist with script optimization and keeping cart load times efficient. It’s completely optional to use.
Disclaimer : We are the developer of the website speedy.
Hope this helps!
