Blank white space beneath footer

Store Design
, ,

Topic summary

A user reports inconsistent blank white space appearing below the footer on their Shopify store (using the Focal theme). The issue occurs randomly across collection and product pages that share the same template, and only appears on desktop—not mobile.

Root Cause Identified:
A responder diagnosed the problem as stemming from the store’s Chat app. When the chat element is hidden in the browser, the blank space disappears.

Solutions Proposed:

  • Contact the Chat app’s support team for a fix
  • Alternatively, add CSS code to the theme.css file targeting .popover and .popover__content elements with height adjustments

Status: The issue has been identified with two potential solutions offered, but no confirmation yet on which approach resolved the problem.

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

I’m having an issue where there is blank white space beneath the footer on certain pages.

Originally I thought it had something to do with a blank page template. But the blank spaces appear seemingly randomly on certain pages while not being there on others that use the same template. Even weirder, I’ve only encountered the blank spaces when viewing them on desktop. I can view the same page on mobile and there’s no space.

For example: some collection pages will have blank space under the footer while other collection pages (using the same template) don’t. Same goes for products.

Link to my store is - https://fulltiltbike.com/

and I’m using the focal theme

Any help is greatly appreciated!

2

Hi @Jonniev

Nice products! I managed to see the issue you are describing on this page: https://fulltiltbike.com/collections/daily-deals

It looks like it’s being caused by the Chat app you are using, as if I hide your chat element in my browser, the problem goes away. I’d recommend reaching out to the Chat app’s support to see if they can get this resolved for you :slightly_smiling_face:

3

Hi @Jonniev ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.popover {
    height: 100%;
}
.popover__content {
    max-height: 100%;
}