Remove footer on one page

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>

also tried this code and it did not work either:

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

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>

9 hours ago, tuanphan said:

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

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

 

thank you @tuanphan that worked!

On 7/22/2022 at 8:52 PM, tuanphan said:

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

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

 

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

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>

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!

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

1 hour ago, tuanphan said:

Can you take a screenshot? It looks fine to me

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

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

On 11/23/2022 at 6:59 PM, tuanphan said:

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

 

Ok so there isn't a solution to this?

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)

47 minutes ago, tuanphan said:

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

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

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

On 12/2/2022 at 8:34 PM, tuanphan said:

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

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

Thanks

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