Does anyone know why this thick white line shows on the left of my cart drawer, URL: https://interiorglows.com/products/glowcurtain-400-led-lights and how can I get rid of it?
Topic summary
A Shopify store owner encountered a thick white line appearing on the left side of their cart drawer, specifically visible on mobile devices after refreshing the page with items in the cart.
Initial Diagnosis:
- Another user noted the cart pop-up had a broken max-height property causing display issues
- Suggested removing
max-height: 300pxfrom the.cart-popupmedia query for screens 768px and wider
Proposed Solution:
A PageFly representative provided CSS code to fix the white line issue:
- Add custom CSS to
theme.liquidfile before the closing</body>tag - The solution targets the cart drawer’s border styling
Status:
The issue appears to be intermittent (only occurs under specific conditions: refresh with items in cart on mobile). A code-based fix has been offered but implementation/confirmation is pending.
Seems fixed to me but your cart pop-up is broken for me. Removing the max height from below fixes it
@media (min-width: 768px) {
.cart-popup {
...
// max-height: 300px;
...
}
}
Hello, thanks for letting me know but I was working on that regarding the white line; it only shows when you refresh when something is in cart and go to the cart drawer on phone after refreshing.
This is Richard from PageFly - Shopify Page Builder App
Hi @TrendBlend Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
And here is result
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly
1 Like