White gap under the footer on product page

Store Design

Topic summary

A user reports a white gap appearing below the footer, but only on product pages of their Shopify store (www.peston.co.uk). The issue is visible on mobile devices.

Attempted Solution:
A CSS fix was suggested to add to the base.css file targeting mobile viewports (max-width: 991px), involving padding adjustments to footer menu items.

Current Status:

  • The proposed CSS code did not resolve the issue
  • The gap persists on product pages while other pages (home, etc.) display correctly
  • The helper confirmed they cannot reproduce the white gap on mobile devices when checking the site

Resolution: Unresolved - there’s a discrepancy between what the store owner sees and what the helper can observe, suggesting possible device-specific rendering or caching issues.

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

Hi guys! How to delete this white gap under the footer? Its appears only on product pages,

Screenshot_20231007_120821_com.android.chrome.jpg
Screenshot_20231007_120821_com.android.chrome.jpg1080×2280 82.3 KB

2

Please add the below CSS code at the end of your base.css file.

@media(max-width:991px){
.footer .footer-block__details-content .list-menu__item--link{
padding:0;
}
}

It’ll look like below once you add the CSS:

webwondersco_0-1696682473494.png
webwondersco_0-1696682473494.png508×522 3.77 KB

3

Didnt work :disappointed_face: On the product pages still a white gap. Home page and the rest pages don’t have this gap,but when you enter any product then there is a white gap under the footer. www.petson.co.uk

4

@StokesCrofter , Could you please confirm if you would like yo make like below attachment?

webwondersco_0-1696696055164.png
webwondersco_0-1696696055164.png505×640 19.1 KB

5

I’m confirming that i want to delete this white gap :slightly_smiling_face: How can i do that?

jump.jpg
jump.jpg1080×2280 104 KB

6

@StokesCrofter , thanks for confirming. I have checked on Mobile devices but can’t find such which gap as attached screenshot.