How can I make the collection grid boxes smaller/fit the image size

Store Design
1

Hello

please can someone help with making the below collection images fit the box instead of having the extra space to the right of the image. So ideally the box should be square

the website url is https://now-lashes.myshopify.com/collections password is Thoffo

FFA36F6B-A65C-41A8-9ACD-E58DD9ADCEEF.jpeg
FFA36F6B-A65C-41A8-9ACD-E58DD9ADCEEF.jpeg1125×2436 152 KB

2

Hello @Emurph35

@media only screen and (max-width:480px) {

.collection-grid-item__overlay {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-size: cover;
}
.collection-grid-item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 100%;
  margin-bottom: 100px;
}
.collection-grid-item__link {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
}

Add that code in the CSS file , Hope it will work.

3

Amazing! Thank you so much

4

@Emurph35 You are welcome, If you need to make custom changes in theme you can contact me on below details.