How to hide site header & footer on one single page only?

Site URL: https://www.mpressrecords.com/bravery-on-fire-benefit

I am trying to create a single page off my site that needs to be standalone from our site's regular branding, and not have the site header and footer displayed. I have tried all the code block suggestions given to everyone else who has asked this question, but nothing has worked. (I do have Developer Mode turned on, not sure if that's the problem?) Thanks in advance for any insight!

Add to Page Settings > Advanced > Header

<style>
  div#mobileMenuLink, header#header {
    display: none;
}
  footer#footer {
    display: none;
}
</style>

Thank you!

@tuanphan it worked for my header but the footer is still showing up. what should I do?

19 hours ago, aldia said:

@tuanphan it worked for my header but the footer is still showing up. what should I do?

Can you share site url? We can check easier.