White line on the left of cart drawer?

Solved

White line on the left of cart drawer?

TrendBlend
Trailblazer
364 0 40

IMG_4118.jpeg

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?

Accepted Solution (1)

PageFly-Richard
Shopify Partner
5011 1120 1805

This is an accepted solution.

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 </body>

 

<style>
.drawer__inner.gradient.color-scheme-3 {
    box-shadow: unset !important;
}
</style>

 

And here is result

PageFlyRichard_0-1741921513291.png

 


Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

jsonCummings
Shopify Partner
2 1 1

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;
    ...
  }
}

 

jsonCummings_0-1741802593299.png

 

TrendBlend
Trailblazer
364 0 40

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. 

PageFly-Richard
Shopify Partner
5011 1120 1805

This is an accepted solution.

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 </body>

 

<style>
.drawer__inner.gradient.color-scheme-3 {
    box-shadow: unset !important;
}
</style>

 

And here is result

PageFlyRichard_0-1741921513291.png

 


Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.