Hide header and footer on confirmation page

Site URL: https://parboild.com/shop

I need to hide both the header and footer on  my order confirmation page.

I got it to hide on the cart page using this code:

body#cart {
	header#header {
    display: none !important;
}
footer.sections {
	display: none;
}
}

But I can't figure out the confirm page. Any help is appreciated. Thank you!

Try adding to Home > Design > Custom CSS

/* Order confirmation - remove header footer */
div#confirmed-page {
	header#header, footer.sections {
		display: none;
}
}

On 1/9/2021 at 10:33 PM, tuanphan said:

Try adding to Home > Design > Custom CSS

/* Order confirmation - remove header footer */
div#confirmed-page {
	header#header, footer.sections {
		display: none;
}
}

 

It's not working for some reason. 😞  Here's the latest confirmation page, hopefully it will work for you. https://www.parboild.com/checkout/order-confirmed?oid=5ffc9f5727cb936a503e2b69&authCode=NWZmYzlmNTcyN2NiOTM2YTUwM2UyYjY5OjIwMjEtMDEtMTFUMTg6NTY6MjEuNzAzWoyg4mqN-gnIZeWJ-ztPxQnrJyKyw-M_4NOEW28BnCNM

Oh! Nevermind @tuanphan. I got it to work with:

#order-confirmed header#header, footer.sections {
    display:none;
}

Thank you!

Text is a bit narrow. Do you want to increase width on tablet only?