I would be happy to know if there is a way to move the cart drawer from the left side to the right. and the X buttom of the drawer to the left side of it.
I’ve a picture so you will understand.
Thank for helping
Topic summary
Main issue: Reposition the Shopify cart drawer (panel) from one side to the other and move the close (X) button to the opposite side; later, also move a caret (^) icon.
Key actions and solutions:
- Store URLs were shared to allow diagnosis.
- A CSS tweak in base.css was added to reposition the drawer:
- .drawer { justify-content: flex-start !important; }
- User confirmed this change “worked” for moving the drawer.
- Alternative approach suggested: insert custom code in theme.liquid above the tag (details not provided), with a screenshot showing expected result.
Follow-up fixes:
- The X button remained on the right; additional CSS was provided to shift it left:
- .drawer__close { right: 90% !important; }
- An intermediate screenshot showed misalignment before the final CSS adjustment.
Current status:
- Drawer repositioning achieved; X button moved left with extra CSS.
- An outstanding request remains to move the caret (^) icon to the left as well; no CSS provided yet for this, so the thread is not fully resolved.
Notes:
- Multiple screenshots were shared to illustrate current and expected layouts.
Hey @LielYona
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Hi @LielYona
Could you share your store URL to check?
Hey @LielYona
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
1 Like
where is the bottom of the base.css file?
Worked! thank you, But the X button is still on the right side.
can I be on the left side on the cart drawer?
