How do I change the cart page layout on mobile? (Venture theme)

Solved
heymikey
Tourist
6 0 1

How do I change the cart page layout on mobile so that the content in the cart is laid out horizontally instead of vertically? I want it to look like the one on the right side in the photo. 

cartpage.png

Replies 13 (13)
LitCommerce
Trailblazer
291 72 73

This is an accepted solution.

Hi @heymikey ,

Please add code:

@media only screen and (max-width: 749px){
	#CartProducts td a {
		font-size: 16px !important;
	}
}

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

heymikey
Tourist
6 0 1

Thanks so much for your help. One last thing, is it possible to make the "Remove" text font smaller and also the price on the right side? Thanks a lot in advance!!

LitCommerce
Trailblazer
291 72 73

This is an accepted solution.

Hi @heymikey ,

Please add code:

@media only screen and (max-width: 749px){
	#CartProducts td a {
		font-size: 16px !important;
	}
	#CartProducts td p a {
		font-size: 12px !important;
	}
	#CartProducts td span {
		font-size: 14px !important;
	}
}
LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Jdel541
New Member
8 0 0

Hello,

 

I am really interested in achieving this for my store but unfortunately I cannot manage with my current theme (flow theme)

 

could someone help me figure out the issue?

 

Thanks a lot in advance,

Jorge