Dawn theme - cart slider - remove extra space

Store Design
, , , ,
1

can anyone help me remove this space?
emotiv.ro

Screenshot_3
Screenshot_3455Ă—584 56.8 KB

4

just add this css it will be fixed. theme.css or base.css

.cart-item__options:empty,
.product-option:empty {
display: none;
}

.cart-item {
margin-bottom: 0;
}
5

hm…tried to put this in my base.css but not working. tried refresh incognito etc after saving but nothing. looks the same… :frowning:

6

Hey @danny0103

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.cart-drawer .cart-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.cart-drawer .cart-item__error {
    margin-top: 0 !important;
}
</style>

RESULT:

image
image468Ă—522 50.1 KB

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

7

not working either. or in factr it helps a bit but… there’s still way too much empty space

8

100% working

table.cart-items tbody tr:not(:first-child) {
margin-top: -5px;
}

adjust the value as per need

9

image
image1815Ă—827 123 KB

10

that’s awesome. thank u so much. works like a charm
1 more question… only if anyone knows and it’s not too hard to implement it.
how could I move the quantity to the right, under the price… this way i could save way more space Screenshot by Lightshot

11

#CartDrawer .cart-item__quantity-wrapper {
justify-content: flex-end;
}

try this

12

it looks like this.

i would need it to be where the red box is