How to make image smaller on shopify/ how to remove option "you might like"

siamak
New Member
1 0 0

Hello! I am trying to look for a solution about how to edit the mobile version and make the images smaller so the customer does not have to scroll down to see all the categories; ( i will insert images as an example) 45829ec1-d7a3-41c3-b7a9-d9c6a0585767.jpgd54bd52c-12de-4191-b4ea-9f42e2b172a0.jpg i tried to edit it from the themes place but nothing worked because i could not find the image code at all, also I would like to remove the "you might like" suggested products when people add items to the cart. Your help is much appreciated.

Reply 1 (1)
LitCommerce
Trailblazer
291 72 72

Hi @siamak,

#1: Go to Assets > styles.css and paste this at the bottom of the file:

@media (max-width: 767px){
	.section.collections-section .row.grid{
		display: flex;
		flex-wrap: wrap;
	}
	.section.collections-section .row.grid .product-block{
		width: 50% !important;
	}
	.section.collections-section .row.grid .image{
		min-height: auto !important;
	}
}

#2: Go to Assets > styles.css and paste this at the bottom of the file:

.cart-summary__promo-products-title.cart-summary__section {
    display: none !important;
}

Hope it helps!

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!