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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/21/2022 at 5:04 PM, minnieosc123 said:

image.thumb.png.8944b83211d06c930846087329b6e4f5.png

The code forces section height to 100vh (fullheight), so if reduce space between image - top header, it will create a gap under image.

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/27/2022 at 3:40 PM, minnieosc123 said:

Ok so there isn't a solution to this?

Use a new image, or a new image on mobile only (with code)

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 12/6/2022 at 6:02 PM, minnieosc123 said:

Great thanks. Please can you share the code? That would be so helpeful

Thanks

Hi,

You need to add both first, then we can check its code

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.