Hiding header button on one page

Site URL: https://flounder-star-7xs2.squarespace.com/

Hello,

I'd like to hide the ORDER NOW button in my header on the product detail page. 

Site password: kb

Many thanks! 

54 minutes ago, Katie_B said:

Site URL: https://flounder-star-7xs2.squarespace.com/

Hello,

I'd like to hide the ORDER NOW button in my header on the product detail page. 

Site password: kb

Many thanks! 

You can add below code in your Custom CSS editor. It will hide button on both desktop and mobile.

#item-60632671dc94e57b3a76bb27 .header-actions-action--cta,
#item-60632671dc94e57b3a76bb27 .header-menu-cta {
    display: none;
}

On 4/2/2021 at 3:42 AM, Katie_B said:

Site URL: https://flounder-star-7xs2.squarespace.com/

Hello,

I'd like to hide the ORDER NOW button in my header on the product detail page. 

Site password: kb

Many thanks! 

Hi. Add to Design > Custom CSS

/* hide order button on product detail */
body.collection-type-products.view-item header#header a.btn {
    visibility: hidden !important;
}