how to remove a header when I go into a product on a page?

I am making a photo print shop and want there to be a header on the main page showing all the product. When you press a product and go into it, the header still shows from previous page. How can I remove it once going into the product?

I am on squarespace 7.0 with wexley theme

Thanks

Hi,

You can use this code to Website Tools (under Not Linked) > Custom CSS

body[class*="type-products"].view-item div#headerWrapper {
	display: none !important;
}