Cant remove huge white space in collection on mobile

Technical Q&A

Topic summary

Large white space persists on a mobile collection page after an app altered the layout; the app has since been removed, but the spacing issue remains despite code edits.

  • Reporter notes they “tried everything in code” without success and asks for ideas.
  • A responder requests a link to the store to inspect and diagnose the issue directly.

Evidence:

  • An attached screenshot highlights the excessive white space on the page, which is central to understanding the problem.

Status and next steps:

  • No solution yet; troubleshooting is pending.
  • Action item: share the store URL so others can examine the live page and identify the source (e.g., leftover CSS, scripts, or theme settings).

Open questions:

  • Which theme and recent changes are in use?
  • Whether residual code from the removed app remains affecting layout.
Summarized with AI on December 27. AI used: gpt-5.
1

I got an app that formatted my page with this huge white space, now deleted, but I cant figure out any way at all on how to remove it. tried everything in code. let me know if anyone has any ideas. thank you

67676767667676
676767676676761200×1364 111 KB

2

Hi @calebs22 , can you post a link to your store?

3

@calebs22 can you please share this page link? it can be due to padding which we need to adjust and it will work.

4

This is known problem with Dawn family of themes when apps add element directly into body above main template area.

Try this code in “Theme settings”(cog icon)=> “Custom CSS”:

body {
  display: flex;
  flex-direction: column;
}

main+* {
  margin-top: auto;
}

This will make your footer stick to the bottom of the screen.