Hi there, I have a spacing issue with the cart drawer on the right side where everything is too close to the edge. I am trying to add padding internally in the cart drawer on the right side to create the same amount of space as the left side (please see image). Wish I knew how to do this but tried for hours and still can’t get the coding right, in desperate need of help here lol.
1 Like
Can you please share you store’s URL if that’s possible and also the theme you are using ?
Hi @9INE ,
You can follow these steps
Step 1: Go to Online store > Themes > Edit code and find base.css file
Step 2: Insert below code at the end file and Save them
.drawer__inner {
width: 45rem !important;
padding: 0px 4.5rem !important;
}
It would be like this
Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
Hi @9INE
Which store you like to add padding in the cart? It is on your shopworms? If it is check this one.
- From you Admin page, go to Online Store > Themes
- Select the theme you want to edit
- Under the Asset folder, open the main.css(base.css, style.css or theme.css)
- Then place the code below at the very bottom of the file.
#slidecarthq .slidecarthq {
padding: 0 10px;
}
- And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
- Dawn theme
- Here is the solution for you @9INE
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (min-width: 600px) {
cart-drawer-items {
padding-right: 1.5rem !important;
}
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.