Remove navigation on product page

Site URL: https://www.haveteewilltravel.com/store-2

Hello, 

I am trying to remove the navigation links on a product page or shopping page. I would like to do this on individual pages, not the entire site. I found some code that was supposed to do the trick, but didn't seem to work. This is the code I tried. 

<style>

/* REMOVE TOP SECTIONS - Header, Mobile Header, Announcement Bar */

.Header, .Mobile-bar, .sqs-announcement-bar {display:none !important;}

/* REMOVE BOTTOM SECTIONS - Footer */

.Footer {display:none !important;}

</style>

Hi. Above link doesn't exist. Can you check url?

I found what I was looking for. Sorry for not seeing this till just now. Thank you for the response. I simply adjusted my pages to "not listed" and found the setting to not display local navigation in the specific product page. 

@tuanphanFigured I'd add to same thread, trying to do this also but it can be for all the product pages. My client's site is set to private but see attached screenshot. Want to remove the navigation at the top, as these are client specific invoices and they shouldn't see the rest of the store. Thank you.

6 hours ago, RikkiG said:

@tuanphanFigured I'd add to same thread, trying to do this also but it can be for all the product pages. My client's site is set to private but see attached screenshot. Want to remove the navigation at the top, as these are client specific invoices and they shouldn't see the rest of the store. Thank you.

You mean "Invoices > Editing.."?

2 hours ago, tuanphan said:

You mean "Invoices > Editing.."?

Yes

On 1/21/2022 at 11:28 AM, RikkiG said:

Yes

Can you share link to product? Url in first question doesn't exist

@tuanphanHere is the link: https://www.frencholistic.com/invoices/p/editing-clientx

Think I figured it out:

.ProductItem-nav-breadcrumb-link, .ProductItem-nav-breadcrumb-separator {
  display:none
}