Why is there white space below the footer on my mobile site?

For some reason on mobile it shows white space on mobile below the footer never seen this before. My site is https://b32b39-5.myshopify.com

and I’m using the Berlin theme

@PageFly-Victor

@PageFly-Noah

Hello @Luxurymrkt :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#shopify-section-sections--15086720155746__footer {
    padding-bottom: 0 !important;
}

Hope that helps!

Add the following code to the end of base.css or section-footer.css:

div#shopify-section-sections--15086720155746__footer {
    padding-bottom: 0;
}

If it doesn’t work, try this:

div#shopify-section-sections--15086720155746__footer {
    padding-bottom: 0 !important;
}

Hi @Luxurymrkt ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Hi @Luxurymrkt ,

Please add below codes to the theme.liquid to remove the whitespace from the footer.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code just above tag


RESULT:

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

Hi,

unfortunately it didn’t work, try on mobile you can keep scrolling and more and more white space shows

Doesn’t work any other solution?

Doesn’t work any other solution?

Doesn’t work any other solution? On mobile can keep scrolling white space