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) 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.
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!
User | RANK |
---|---|
36 | |
35 | |
15 | |
12 | |
10 |