Need to make 'logo list' images small on home page

Store Design
1

url: yoursportsperformance.com

i need to make the images on the ‘logo list’ smaller in size for both desktop and mobile :slightly_smiling_face:

Thanks in advance

2

@yoursportsperfo

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
#shopify-section-163984598668188134 .medium-up--one-quarter {
    width: 14%;
    -ms-flex-preferred-size: 14%;
    -webkit-flex-basis: 14%;
    -moz-flex-basis: 14%;
    flex-basis: 14%;
}
}
@media only screen and (max-width: 749px) {
#shopify-section-163984598668188134 .medium-up--one-quarter {
    width: 33%;
    -ms-flex-preferred-size: 33%;
    -webkit-flex-basis: 33%;
    -moz-flex-basis: 33%;
    flex-basis: 33%;
}
}
3

perfect thanks

4

@yoursportsperfo

its my pleasure to help us

5

@yoursportsperfo

yes, please add this code collection listing section

@media only screen and (min-width: 1024px) {
#shopify-section-1648675006d48bf260 .medium-up--one-third {
    width: 16%;
}
}
@media only screen and (max-width: 768px) {
#shopify-section-1648675006d48bf260 .medium-up--one-third {
    width: 50%;
}
}