Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
3dpots

How to remove side bar from cart/checkout?

Recommended Posts

Can't seem to remove the sidebar on the cart. Five template. Also, you can't seem to edit anything in the cart unless its css. https://prnt.sc/lum6x0alt text

There is no page settings for the cart so helping with this would be greatly appreciated.

Edited by 3dpots

Share this post


Link to post

I found out that the cart css is just #cart, go figure.

//Remove sidebar from cart

cart{

#sidebar-one {display: none;}}

Now all I need is the padding to be fixed, as removing the sidebar keeps showing its old location. I need to center the cart items by either removing the sidebar padding or add padding the the item area on the left. https://prnt.sc/lw4bqj

Share this post


Link to post

//Remove sidebar from cart
#cart{
 #sidebar-one {display: none;}
 #page-body {padding: 0px 0px 0px 180px;}
}

Think I solved it. My sidebar is 180px so this should work.

Edited by 3dpots
Initial Revision

Share this post


Link to post

First, I want to say a big ol' THANK YOU for figuring out a workaround for this issue. The only help Squarespace provided was sending me the link to your answer above!

This code successfully removed the sidebar containing template verbiage that was not able to be edited any other way. As a domino effect, it impacted the formatting/alignment of the shopping cart product items (I've attached a picture so you can see what I mean). I'm curious if you faced the same domino effect and if so, how you resolved it. I have ZERO coding experience so your expertise is greatly appreciated! Thanks again!

image-1.jpeg.1607b6173e80eb3d0b0bc92b339ffbb8.jpeg

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...