Gap below removed footer

Hi, my site is alwaysajt.com. I used CSS to remove the footer on the homepage and now I'm left with a bit of a strange gap at the bottom on mobile.

The code I used was the one below and I put it into a code block on the  homepage

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

Thanks

3 hours ago, minnieosc123 said:

Hi, my site is alwaysajt.com. I used CSS to remove the footer on the homepage and now I'm left with a bit of a strange gap at the bottom on mobile.

The code I used was the one below and I put it into a code block on the  homepage

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

Thanks

 

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="633c240afe2c8c221626920e"] {
    height: 100vh;
  }
}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

My testing

On 11/3/2022 at 12:50 AM, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="633c240afe2c8c221626920e"] {
    height: 100vh;
  }
}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

This actually creates a large gap on the homepage

On 11/4/2022 at 3:54 PM, minnieosc123 said:

This actually creates a large gap on the homepage

Use this new code (Page Header)

<style>
  footer#footer-sections, header#header {
    display: none;
}
  article section {
    height: 100vh !important;
}
</style>

On 11/6/2022 at 9:40 PM, tuanphan said:

Use this new code (Page Header)

<style>
  footer#footer-sections, header#header {
    display: none;
}
  article section {
    height: 100vh !important;
}
</style>

 

Hi, thanks this has worked but it's also removed my header. When I edit the code to remove the header bit it also removes the footer!!

On 11/9/2022 at 7:47 AM, minnieosc123 said:

Hi, thanks this has worked but it's also removed my header. When I edit the code to remove the header bit it also removes the footer!!

 

This code will remove header + remove footer + Make section fullheight

You want to restore header or footer? We will adjust the code