A user wants to remove border lines from their cart drawer on mobile (Dawn theme) and potentially expand the drawer box while making it larger on desktop.
Solution provided:
.drawer__inner {
border: none !important;
}
The solution was marked as helpful by the original poster.
Thanks in advance!
I’m looking to remove the border lines from my cart page that I recently switched to ‘Drawer’ instead of ‘Horizontal’. If there is also a way to expand the drawer box and make it bigger on the pc version that would be awesome!
Example of how my mobile view looks:
HI @MMast
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.drawer__inner {
border: none !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
