Product page images

[Ryan1998]

Anyone know how to make it so the product images are closer together like this:

its currently like this:

[BSSCommerce-HDL]

Hi @Ryan1998 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css

Step 3: Insert this code:

@media only screen and (max-width: 749px) {
     .product__media-list {
       padding-left: 10px;
     } 
    .product-media-container {
        padding-top: 14px;
    }
    .product__media-list li.product__media-item {
        width: 90% !important;
    }
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you