img size on mobile

Hi @krvam

The images in the footer are large because with your CSS, you’re telling the site that all images in your site should be 150 pixels wide, at all times.

If you can share a link to your site, and show us which images you’d like to resize exactly, we can take a look.

Hi @krvam

I personally don’t think the images are too large for mobile screens — here’s what I see:

Image link: https://cdn-std.droplr.net/files/acc_646767/wZqJ2f

If you make them smaller then it will be more difficult to see them on smaller screens, but this may help to reduce some spacing:

@media screen and (max-width: 767px) {
  .products.columns-4 li.product {
    width: 35%;
    margin: 0 5% 20px 5%;
  }

  .products.columns-4 li.product:nth-child(2n+1) {
    margin-right: 15% !important;
    clear: both;
  }

  ul.products li.product.product-category img {
    margin-bottom: 10px;
  }
}