Brooklyn featured grid, picture distance to label is too big

Solved
Excursionist
13 1 3

Hey everyone, 

 

I noticed that whenever i compress the width of the browser window, the product photos in my featured grid gradually increase their distance to the product label, as seen in the pictures i have attached. Obviously this looks unprofessional and i would like to keep the white space proportional. Any hep would be much much appreciated! 

 

Screenshot 2019-09-25 at 19.10.28.pngScreenshot 2019-09-25 at 19.10.50.png

0 Likes
Shopify Expert
665 170 199

Hi, @JCommerce ,

This is Evita from On The Map.

 

Can you add your store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
13 1 3

Hey Evita! 

 

Sure here is the URL: https://auraofzeus.com

0 Likes

Success.

Shopify Expert
665 170 199
@media only screen and (min-width: 769px)  {
     .grid-product__image-wrapper {
          height: auto!important;
      }
}

Add this to Assets/theme.scss file at the bottom.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
13 1 3

Thanks, that worked great! 

 

Is there a way to do it so it also works for mobile device dimensions, do I just remove the "and (min-width: 769px)" ? 

0 Likes
Shopify Expert
665 170 199

Yes, just remove the @media.

 

Can you add this discussion to solved if everything worked? :)

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
13 1 3

Thanks, and I just did ;) 

1 Like