Issue With Collection Pages, Huge Gap Between The Images And The Product Name

Store Design
1

Since this morning there is a huge gap between the images on a collection page and the page title. No changes to the coding or website were made, it literally happened overnight! Not all collection pages have this issue, only some… Does anyone have any idea how to get rid of the gap? Thanks!

Screenshot 2022-04-15 10.43.43.png
Screenshot 2022-04-15 10.43.43.png1059×365 205 KB

1 Like
2

@Jeroen_Vermunt

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

1 Like
3

Hi @Jeroen_Vermunt ,

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

1 Like
4

Here it is: https://dailyshopping-deals.com/collections/lighting?page=2

1 Like
5

Hi @Jeroen_Vermunt ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /theme.scss paste code below into end of the file
.grid-link__image {
    height: auto !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Best regards.

6

@Jeroen_Vermunt
Add this code in the bottom of theme.scss file.

span.grid-link__image.grid-link__image-sold-out.grid-link__image--product {
    height: auto !Important;
}