Is it possible to reduce size of index page thumbnail images?
I've managed to alter the grid (using code I found elsewhere in the forum - see below) and it made the images smaller (for mobile only) , which looks nice. Ideally, I'd have 3x columns for Desktop/Tablet, and 2x for mobile - OR - reduce the thumbnail image sizes with some code.
Anyone know how to do so?
@media only screen and (max-width: 640px) {
#grid {
columns: 2;
column-gap: 0;
height: auto!important;
display: block!important;
padding: 0px;
}
.item {
height: auto!important;
}
.item {
position: relative!important;
transform: none!important;
width: 100%!important;
display: block !important;
padding: 0px!important;
box-sizing: border-box;
top: unset !important;
}
.item img {
height: 100%!important;
width: 100%!important;
}
}