Remove site title, navigation and footer on only one page

Hello - I'm trying to remove my site title, nav and footer from a couple of pages of an event we're having.  I've tried adding code to the advanced custom code but it does not seem to like that.    Site I'm trying to remove it from is https://www.backwaterflorida.com/tcb.  Any help would be appreciated.  

Hm.  Does not seem to work on this page.  

https://www.backwaterflorida.com/tcbpay/zumjblj7jg0ha0iigek3n88jmy5amk

6 minutes ago, backwaterflorida said:

Hm.  Does not seem to work on this page.  

https://www.backwaterflorida.com/tcbpay/zumjblj7jg0ha0iigek3n88jmy5amk

On which pages are you trying to remove the header and footer? The code I provided was only applicable to the page you linked.

just those two pages is all.  

2 minutes ago, backwaterflorida said:

just those two pages is all.  

Alright, replace the code we added with this. Again, this is only applicable for those 2 pages.

#collection-65e928f35217070e1ea8806e, #item-65f9ae28547e01097c19245a {
  header, footer {
    display:none!important;
  }
}

I notice it only works for desktop viewing but not mobile.  Any thoughts?

34 minutes ago, backwaterflorida said:

I notice it only works for desktop viewing but not mobile.  Any thoughts?

Add this code:

#collection-65e928f35217070e1ea8806e, #item-65f9ae28547e01097c19245a {
  .Mobile-bar.Mobile-bar--top {
    display: none;
  }
}