How to structure content in cart page (VENTURE THEME)

[JLbyone]

Hi there community! im building my cart page, and i have some issue, here is cart page:

and this is what i want to left:

in advance, thanks so much for everyone!

[JHKCreate]

Hi @JLbyone 

Hope all is well!

Would you mind sharing your store's URL so we can assist on that?

Cheers!

[JLbyone]

@JHKCreate done by pm, sir!

[JHKCreate]

Add the following code to your theme.scss.css file:

@media only screen and (min-width: 750px)
{
.cart__cell--quantity {
    width: 50%;
}
}

That should do it! Let me know if you have other questions

[JLbyone]

Thanks for your time @JHKCreate but its not showing correctly right now, the unique is showing correct is price column. Again thanks in advance!!

[JHKCreate]

OK try the following now:

@media only screen and (min-width: 750px)
{
.cart__cell--quantity .js-qty {
    margin: 0px 130px;
}

.cart-table td{
    padding: 0px;
}

.cart__cell--image {
    width: -webkit-fill-available;
}

}

Let me know!

[JLbyone]

My friend, that code didn't work as well, it remove "quantity number" and left it like this:

thanks for your time sir!

[JLbyone · Accepted solution]

@JHKCreate sir, i made some changes, and im so close to get it!

#cart_cell_quantity_style {
    padding-right: 20rem;
}
 @media only screen and (min-width: 750px) {
  .cart__cell--quantity {
    width: 40%;
  }
}

[JLbyone · Accepted solution]

ITS done! i modified the size of image, and added this to css

.cart__image {
 margin-left: -8em;
}