How to remove header and footer from shopping cart page

Site URL: https://www.periodontalsolution.com/cart

I'm struggling to find the right selectors to hide the header and footer on this shopping cart page

https://www.periodontalsolution.com/cart

I've tried numerous options from the forum but nothing has worked any help would be appreciated!

Thanks! - Rob

@robwas66 Hi! To hide the header and footer on this shopping cart page, you can add this code under Website > Pages > Website Tools > Custom CSS

#cart header, #cart footer {
    display: none;
}

Thanks for your response, but that didn't work me. 

On 9/5/2024 at 5:10 AM, robwas66 said:

but that didn't work me.

@Lesum's code works but it appears you've introduced syntax errors.

Although not a syntax error, remove the !import, it is not needed and can come back to bite you later.

It appears you are using  HTML comment tags to comment the code. That is an error, use CSS comment syntax.

Example.

/* Remove the Header and Footer */

From the error message I can't determine all the issues you may be having.

If your Custom CSS is only 13 lines, can you just copy and paste the whole shebang in a post here and we may be able to suss things out.

Thank you! that was it! There was some old css code I didn't anymore for hiding the main header and footer which must have been causing the syntax errors.

Best! - Rob