How to remove awkward gap from custom liquid blocks on cart page

Topic summary

A user encountered an unwanted gap (approximately 290 pixels in height) on their cart page caused by two custom liquid blocks in the header of their Dawn theme store.

Problem: The gap’s height couldn’t be changed through standard CSS adjustments.

Solution provided: Another user referenced a similar issue and suggested applying a flex-based CSS solution to the custom liquid blocks.

Outcome: The proposed fix successfully resolved the spacing issue. The discussion is now closed with the problem solved.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hi there,

Link to page in question: https://v4paxk-5d.myshopify.com/cart Dawn theme

I’m trying to remove the awkward gap created from my two custom liquid blocks in my header thats messing with the cart page. I’ve inspected the page and the “height” is 290ish pixels, but I can’t seem to change it no matter what I do.

What anyone be able to provide a solution? Thank you

Alex

Same reasons/solution as https://community.shopify.com/c/shopify-design/some-templates-have-a-white-space-on-top-why-ride-the…

Only the “offending” element is your custom liquid. Flex solution will fix this.

Hi Tim,

Thanks for your reply. That worked perfectly!

Kind regards
Alex

Thanks a mil