How to Hide Header and Footer on Cart Page

Site URL: https://can-do-canines-puppyprogram.squarespace.com/fall-tshirt-campaign

Site Password: Testing 

I have Squarespace 7.0 site and want to hide the Header and Footer on the Shopping Cart page. What would the code be to do this? 

1 hour ago, rodri333 said:

Site URL: https://can-do-canines-puppyprogram.squarespace.com/fall-tshirt-campaign

Site Password: Testing 

I have Squarespace 7.0 site and want to hide the Header and Footer on the Shopping Cart page. What would the code be to do this? 

Have your issue been solved yet?

@bangank36 It is not solved yet. I was able to figure it out on the merch landing page but not the cart page. 

@rodri333 Add to Design > Custom CSS

/* hide header footer on cart page */
body#cart {
header, div#mobileMenuLink, div#mobileNav, footer#footer, .info-footer-wrapper.clear {
    display: none !important;
}
}

Thank you, @tuanphan! The code worked for this. Any idea on how to have the "continue shopping" link display even when items are in the cart?

@paul2009 There is a link currently showing if nothing is in the cart. 

1 minute ago, rodri333 said:

There is a link currently showing if nothing is in the cart. 

Yes, that's correct. If someone arrives in an empty cart, a link is added to help return them to your store. However, if there are items in the cart, Squarespace don't add this link. Even if they did, it wouldn't be ideally placed or styled.

We've been working on improvements to the cart page, to give merchants an optimal user experience, with our Cart UX extension. The first of these improvements is to add a clear 'Continue Shopping' call-to-action, right beside the Checkout button, on desktop and mobile. Other improvements are in the pipeline. 🤫