Thanks in advance!
I am looking to move the ‘empty cart label’ up near the top of the drawer to my liking. how can I go about doing so?
Example shown below.
password: dc
Topic summary
A user seeks to reposition the ‘empty cart label’ higher in the cart drawer on their Dawn theme store.
Two CSS solutions were provided:
-
PageFly-Henry’s approach:
- Navigate to Online Store → Theme → Edit code
- Locate the
base.cssfile - Add CSS targeting
.cart-drawer__warnings.centerand.cart-drawer__inner.emptyclasses - Apply
justify-content: flex-startandmargin-top: 25pxproperties
-
ThePrimeWeb’s method:
- Access Edit Code and open
theme.liquid - Insert custom CSS below the
<head>tag - Adjust the
-425pxvalue to control vertical positioning - Screenshot reference provided for implementation guidance
- Access Edit Code and open
Both solutions involve adding custom CSS code to modify the empty cart label’s position. The discussion remains open for the original poster to test and confirm which approach works best.
Hi @MMast
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.drawer__inner-empty .cart-drawer__warnings.center {
justify-content: flex-start !important;
margin-top: 25px;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
Hey @MMast ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Change the -425px value to your liking
Screenshot is for reference only, the correct code to paste is the one shown above.
1 Like