Jump to content

Remove footer on one page

Recommended Posts

Site URL: http://www.forestchaffee.com/japan

hello, i'm using brine. i have one page in japanese and want to turn off the english footer on that page. i had been using the following code as a code block on the page and it was working before, but it is no longer working. can someone help me remove the footer on this one page? thank you! www.forestchaffee.com/japan

7.0

<style>
.Header, .Footer, .Mobile-bar {
display:none !important;
}
</style>

Link to comment
  • Replies 15
  • Views 565
  • Created
  • Last Reply

Top Posters In This Topic

6 hours ago, fc1 said:

also tried this code and it did not work either:

<style>
header#header, footer.sections {
display: none !important;
  }
</style>

Your code for SS 7.1. With your template, use this

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 months later...
On 11/10/2022 at 5:45 PM, minnieosc123 said:

Hi, this code isn't working on my homepage on alwaysajt.com .. the footer is still there

Your site, use this code

<style>
  footer#footer-sections {
    display: none !important;
}
  @media screen and (max-width:991px) {
article section {
    height: 100vh !important;
}
  }
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 11/13/2022 at 6:52 PM, tuanphan said:

Your site, use this code

<style>
  footer#footer-sections {
    display: none !important;
}
  @media screen and (max-width:991px) {
article section {
    height: 100vh !important;
}
  }
</style>

 

Thanks Tuanphan this has worked, however it has created a large space between my header and content. Although when I look at it in mobile editing mode the spacing looks fine!

Link to comment
On 11/14/2022 at 5:13 PM, minnieosc123 said:

Thanks Tuanphan this has worked, however it has created a large space between my header and content. Although when I look at it in mobile editing mode the spacing looks fine!

Can you take a screenshot? It looks fine to me

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 11/29/2022 at 4:49 PM, minnieosc123 said:

Thanks. Do you know he code? Would I add two images on desktop and then add CSS?

Yes. Or you can add 2 images, then we can give code to show 1 on desktop, show another on mobile

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.