Hi, I’m looking to remove the blank space in my footer. It’s only showing on my “cart” page.
Topic summary
A user is experiencing unwanted blank space in the footer, appearing only on the cart page of their Shopify store.
Proposed Solutions:
Three different community members offered similar CSS-based fixes, all involving:
- Navigating to Online Store → Theme → Edit code
- Opening the theme.liquid file
- Adding custom CSS code before the
</head>tag
The solutions use conditional logic to target specifically the cart page template and adjust styling (likely setting minimum height or hiding elements) to eliminate the extra space.
Status: Multiple solutions provided, awaiting confirmation from the original poster on which approach successfully resolved the issue. The discussion remains open with no confirmed resolution yet.
1 Like
Hi @19thfairway ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
{% if template.name == 'cart' %}
{% endif %}
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hi @19thfairway ,
You can add code by following these steps
- Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file - Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution and click like.
Hi @19thfairway , kindly use the below instructions and code.
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
{% if template.name == ‘cart’ %}
main#MainContent { min-height: 48vh; }{% endif %}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!