Cart Page Formatting 7.1

Site URL: https://terraecreative.co/cart

I'm having an issue where the cart items are being listed quite far down the page when viewing on desktop but having no issues showing up on mobile. I thought at first the cart wasn't working at all on desktop due to it being so far down on the page, requiring customers to scroll before seeing the cart items. Can anyone help fix this issue?

I had the same issue! There is a ton of white space at the top and I don't know how to get rid of it.

Does anyone have any tips?

@MMOODY34

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Quote

I'm having an issue where the cart items are being listed quite far down the page when viewing on desktop

You made modifications to the layout of the header with CSS. SS appears to be doing a calculation based on the height of the header and then adding padding to the top of the cart section of the page.

With an unaltered header that padding is like a couple of hundred pixels. With your CSS modifications that value is basically the entire height of the window therefor pushing the cart section of the page way down.

The following should help with the top padding issue. I didn't address other padding issues.

Add the following to Design > Custom CSS.

#cart .system-page {

  padding-top : 0 !important;
  
  }