Put quantity and price on same line in cart, Venture theme mobile

Solved
MOCHILOCO
Excursionist
27 0 8

In Venture mobile cart, I'd like to have the quantity and price next to each other and get rid of some unnecessary spacing above the page title, below the page title, and between product image and product name if possible. How can this be achieved? Thanks for the help.

Store: www.mochilo.co

Screenshot_2021-07-04-17-52-28_2.png

dmwwebartisan
Shopify Partner
8516 2000 2690

This is an accepted solution.

@MOCHILOCO 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
.template-cart .main-content{ margin-top: 6px !important; }
.template-cart h3{ margin-bottom: 0px !important; }
.cart__image{ margin-bottom: 0px !important; }
td.cart__cell--quantity{ float: left; }
td.cart__cell--total { height: 45px; line-height: 45px; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
MOCHILOCO
Excursionist
27 0 8

Works like a charm, thanks. I noticed that when adding two or more items to the cart, it shifts the position of the product image of the lower item and the image becomes uncentered. Any way to fix this easily?

dmwwebartisan
Shopify Partner
8516 2000 2690

@MOCHILOCO 

Sure, please add the following code.

@media only screen and (max-width: 749px){
td.cart__cell--image { clear: left;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →