How can I remove the white gap under a footer?

Store Design
,

Topic summary

A user encountered a white gap appearing below their footer on a product page. Multiple developers provided similar CSS-based solutions:

Recommended fix:

  • Navigate to Online Store → Themes → Edit code
  • Open the base.css file in the Assets folder
  • Add the following CSS code:
.banana-container {
  display: none !important;
}

The issue appears to be caused by a “.banana-container” element that needs to be hidden. Alternative suggestions included adding CSS code to the theme.liquid file before the closing </head> tag. The original poster confirmed the solution worked by thanking the contributors.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Hey guys! Does anybody know how to delete this white gap under the footer? https://www.petson.co.uk/products/personalised-socks-dots

shopify.png
shopify.png1925Ă—998 218 KB

2

Hello @StokesCrofter
Its Artzen Technologies! We will be happy to help you today.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

Add the following code in the bottom of the file above tag

Let me know if need further assistance
Regards,
Artzen Technologies

3

Hi @StokesCrofter

You can follow the following steps:

  1. Please go to the Online Store
  2. Then Edit Code
  3. Please find the theme.liquid file
  4. Before end of Please add following code.

laddisahsi_0-1696917036303.png
laddisahsi_0-1696917036303.png1439Ă—800 139 KB

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

4

Hi @StokesCrofter,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the white gap under the footer, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

.banana-container {
	display: none !important;

}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

1 Like
5

Hi @StokesCrofter ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

.banana-container {
    display: none !important;
}

result:

David_SHT_0-1696935226035.png
David_SHT_0-1696935226035.png3192Ă—2662 506 KB

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

David | SalesHunterThemes team

1 Like
6

Thank you!