Hide white space footer homescreen

Store Design
, , , , , , ,
1

HI,

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

MY SITE IS https://luxurymrkt.com/

Luxurymrkt_0-1718808844254.png
Luxurymrkt_0-1718808844254.png3834×1404 196 KB

2

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 tag

RESULT:

Moeed_0-1718809261543.png
Moeed_0-1718809261543.png1900×948 110 KB

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

Best Regards,
Moeed

3

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

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

5

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 
{% if page_type == 'index' %}

{% endif %}

theycallmemakka_0-1718810540865.png
theycallmemakka_0-1718810540865.png1919×1019 158 KB

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

6

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

{% endif %}