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.