Topic summary
Goal: round the corners of the pop-up cart drawer in a Shopify store.
Clarification: a helper requested the store URL and a screenshot to understand the exact cart UI. The requester provided both, and images were central to illustrating the desired rounded corner effect.
Solution steps:
- Go to Online Store > Themes > Edit code.
- Open the theme’s main CSS file (base.css, style.css, or theme.css in Assets).
- Add a CSS rule targeting div#cart-notification to apply rounded corners (border-radius: 10px). The example also set a small top margin and a subtle top border for styling consistency.
- Save changes.
Result: a screenshot showed the cart drawer with rounded corners, and the requester confirmed the solution worked (“perfect”).
Status: resolved. No remaining questions. Action item: mark the provided answer as the accepted solution and optionally leave feedback.