How do i remove this white space when i open a empty cart on my site?
URL:https://www.stbrnstudios.eu/cart
PASSWORD:1234
Topic summary
Issue: Excessive white space appears when the cart is empty on a storefront page (URL and password provided). A screenshot shows a large blank area on the empty cart.
Latest guidance (most recent):
- Customize theme > Cart template > Add custom CSS: .gradient { min-height: auto !important; } to reduce/remove the extra vertical space. Steps and UI screenshots provided.
Earlier guidance:
- Edit Code > theme.liquid > insert custom code just above . The exact snippet is not visible in the post, but a result screenshot shows the whitespace removed.
Context and notes:
- Solutions focus on CSS adjustments to the cart page layout, specifically overriding the .gradient section’s minimum height.
- Multiple screenshots are central to illustrate both the issue and the expected result.
Outcome/Status:
- No confirmation from the original poster that either fix resolved the issue yet.
- Discussion remains open; recommended next action is to try the CSS override in the cart template or apply the theme.liquid change if the intended code is clarified.
1 Like
Hey @Amin_5
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Amin_5
- Customize theme
- edit cart
- Click on items and enter the code
.gradient {
min-height: auto !important;
}
