Remove Footer from One Page

Site URL: https://brecha.online/new-page

I want to remove the header and footer from one specific page. 

I was able to remove the header with:

  .header-announcement-bar-wrapper {
  display: none;
  }

The footer, however, isn't working. When I try this, it just deletes the rest of the content on the entire page:

  .content-wrapper {
    display: none;
  }

"content-wrapper" is the element I found for the footer while inspecting the page.

Any ideias? Thanks!

@tuanphan I'm currently not on a Business plan, so I couldn't add this as custom CSS on the page. However, I've added this as a code snippet on the page's body and it worked beautifully. 

Thanks again!

On 6/8/2020 at 11:28 PM, tuanphan said:

Add to Page Settings > Advanced > header

<style>
  footer#footer-sections {
    display: none;
}
  header#header {
    display: none;
}
</style>

 

Hi Tupan, this worked for me on my homepage at alwaysajt.com (I just wanted to remove the footer so edited the code) however when  looking at the page in mobile theres a big gap at the bottom. Please help! Thanks, Jessica

On 11/4/2022 at 4:08 PM, minnieosc123 said:

Hi Tupan, this worked for me on my homepage at alwaysajt.com (I just wanted to remove the footer so edited the code) however when  looking at the page in mobile theres a big gap at the bottom. Please help! Thanks, Jessica

Hi. What is your site url? We can check easier