How can I adjust the product grid size on my website?

Store Design
9

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media only screen and (min-width: 750px){
    #shopify-section-16215495893789c7e1 .product-card .price {
        min-height: 81px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    .product-card:hover .btn--see-product {
        max-height: 40px;
    }
}
1 Like