Header Gap Issue

Topic summary

Persistent unwanted gap between the header and page content across the site; the goal is consistent spacing on all pages. One page shows the most pronounced gap.

  • Scope: Affects every page, with varying gap sizes. User wants a uniform, clean layout.
  • Attempts: Multiple code changes and margin adjustments were tried without success.
  • Shared resources: A screenshot illustrating the gap was provided. An admin-only URL was initially shared, then replaced with a public preview link: https://www.blueroomroasters.com/pages/blue-room-roasters.
  • Clarifications requested: Helper asked whether the issue is page-specific and requested a shareable URL for inspection.

Current status: No fix identified yet; no confirmed root cause or CSS/theme culprit provided. The thread remains open, awaiting further troubleshooting based on the public URL and potential theme/CSS review.

Notes: The screenshot is central to understanding the visual issue. The tags suggest involvement of Liquid and a third‑party theme, but no theme details or code snippets were provided.

Summarized with AI on December 13. AI used: gpt-5.

Hello everyone! Can someone suggest a fix for this gap? Theres multiple like this with varying gaps across my website. I’ve tried multiple coding adjustments and changing the margins found on the right side, but yet to find a fix. Any help is greatly appreciated!

1 Like

Hi @stephen9

Is this visible only in this page? Or for all pages?

It is on every page but this one has the worst gap, I want them all to be the same and consistent so my website is clean. Thank you

Would you mind share your store URL. Thanks!

https://admin.shopify.com/store/152e4b-2/themes/143291777251/editor?previewPath=%2Fpages%2Fcontact

This is the admin url. You can also share the preview.

https://www.blueroomroasters.com/pages/blue-room-roasters

Still have not been able to find a fix, even in the page code