HIDE WHITE SPACE FOOTER HOMESCREEN

Solved

HIDE WHITE SPACE FOOTER HOMESCREEN

Luxurymrkt
Navigator
619 2 108

HI,

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

MY SITE IS https://luxurymrkt.com/

Luxurymrkt_0-1718808844254.png

 

Thank You | mike
Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 283

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
4327 1113 1365

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:

Moeed_0-1718809261543.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

webwondersco
Shopify Partner
1113 164 162

@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>

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

PageFly-Henry
Shopify Partner
1184 335 283

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

theycallmemakka
Shopify Partner
1552 354 381

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 %}

theycallmemakka_0-1718810540865.png

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Spac-es
Shopify Partner
387 112 135

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 %}

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!