How to structure content in cart page (VENTURE THEME)

Solved
JLbyone
Excursionist
168 16 34

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

cart_edit.jpg

 

and this is what i want to left:

cart_editv1.jpg

 

 

in advance, thanks so much for everyone!

 

0 Likes
JHKCreate
Shopify Partner
1977 319 421

Hi @JLbyone 

Hope all is well!

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

Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
JLbyone
Excursionist
168 16 34

@JHKCreate done by pm, sir!

0 Likes
JHKCreate
Shopify Partner
1977 319 421

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
JLbyone
Excursionist
168 16 34

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

cart_editv2.jpg

 

 

0 Likes
JHKCreate
Shopify Partner
1977 319 421

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
JLbyone
Excursionist
168 16 34

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

cart_editv3.jpg

 

thanks for your time sir!

0 Likes
JLbyone
Excursionist
168 16 34

This is an accepted solution.

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

cart_editv4.jpg

 

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

 

0 Likes
JLbyone
Excursionist
168 16 34

This is an accepted solution.

cart_editv5.jpg

 

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

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