How to Decrease Space / Padding Between "Your Cart" and the Wrapper

[MitchellFly]

Hi all,

I am currently trying to reduce the amount of space between "Your cart" and the top of the page where it says "Footy Intl".

Any thoughts on how I can do this? I attempted looking through code to find a margin-top or bottom and same with padding and was unsuccessful.

Link: www.footyintl.com

Thank you in advance!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

@media only screen and (min-width: 769px){
body:not(.template-index) .main-content {
padding-top: 25px!important;
}
}

Screenshot :- https://prnt.sc/11wsz2q

[MitchellFly]

Hi!

Thank you for the response!

That semi-worked, but it also changed everything up for my other pages. Is there a way I can make that code specific to the cart page only?

Thank you!

[Anonymous · Accepted solution]

Hi @MitchellFly 

Aibek is here from Speedimize.io

You can try this code:

.template-cart .main-content {
  padding-top: 30px !important;
}

[MitchellFly]

Excellent--that worked perfectly in our timber.scss.liquid file! Thank you so much Aibek!

[Anonymous]

You're always welcome!