HIDE WHITE SPACE FOOTER HOMESCREEN

[Luxurymrkt]

HI,

I'D LIKE TO HIDE THE WHITE SPACE ON DESKTOP ON MY HOMEPAGE. 

MY SITE IS https://luxurymrkt.com/

[Moeed]

Hey @Luxurymrkt 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.hero--100vh {
    height: 140vh !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[webwondersco]

@Luxurymrkt 

Follow these Steps:

- Go to Online Store

- Edit Code

- Find theme.liquid file

- Add the following code in the bottom of the file above </body> tag

<style>
#shopify-section-footer{
margin-top:0 !important;
}
body .main-content{
min-height:auto;
}
</style>

[PageFly-Henry · Accepted solution]

Hi @Luxurymrkt 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

div#shopify-section-footer {

    display: none;

}

main#MainContent {

    min-height: fit-content !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[theycallmemakka]

Hi @Luxurymrkt ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

{% if page_type == 'index' %}
<style>
@media only screen and (min-width: 769px) {
    .main-content {
        min-height: fit-content!important;
    }
}
div#shopify-section-footer-promotions {
    display: none;
}
div#shopify-section-footer {
    display: none;
}
</style>
{% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Spac-es]

The blank space is generated by the footer, which is currently empty.

To resolve this issue, we hide the footer on the home page.

Add the following code to your theme.liquid file:

{% if template == 'index' %}
<style>
  div#shopify-section-footer {
    display: none !important;
  }
</style>
{% endif %}