remove header and footer from select page on 7.1 template

Site URL: https://www.huesofcomfort.com/

Hi, I'm wondering if it's possible to remove both the header and footer from select (not all) pages? I have a business account. 

Add to Page Settings > Advanced > Header

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

I don't see footer on your site?

What about how to remove a footer? What would that code be?

Specifically on: www.matthewhougland.com/teachers-only

I'm also struggling to get rid of the footer on my homepage. Any helpful tips to get rid of it? 

On 4/16/2020 at 6:14 AM, MRHougland said:

What about how to remove a footer? What would that code be?

 

Specifically on: www.matthewhougland.com/teachers-only

Add to Page Settings > Advanced > Header

<style>
  /* Remove Header Footer */
  header, footer {display:none;}
</style>

2 hours ago, nathanlmcguire said:

I'm also struggling to get rid of the footer on my homepage. Any helpful tips to get rid of it? 

 

You use SS 7.1? Add this to Home > Design > Custom CSS

.homepage footer {display:none;}

Hello! How can i do this on desktop only? 

I'm using this code: 

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

But i would like to show the header on mobile. Thank you!

9 hours ago, nataliaswarz said:

Hello! How can i do this on desktop only? 

I'm using this code: 

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

But i would like to show the header on mobile. Thank you!

<style>
  @media screen and (min-width:768px) {
  header#header {
    display: none;
}
  }
</style>

Hello I've added a coded footer and now I would like to remove it from my contact page. How can I do this? 

On 3/20/2021 at 6:10 AM, luisabojaca123 said:

Hello I've added a coded footer and now I would like to remove it from my contact page. How can I do this? 

Edit Contact Page >> Add a Code Block >> paste this code

<style>
  body footer {display: none !important;}
</style>