How can I fix the uneven grid issue on the Dawn theme?

I was able to adjust the grid so that the pictures are fully visible and maintain their aspect ratio, but the grid got uneven and the product names are all over the place. it is even worse on mobile. To adjust the image I used,
.card__inner img {
width: auto;
height: 200px;
object-fit: cover;
}

https://evefurn.com/collections/sectionals

Hi @Eve_Furniture ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store β†’ Themes β†’ Actions β†’ Edit code.

Go Assets folder β†’ theme.liquid file.

Add the following code in the bottom of the file above tag


and Mobile:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

Hi @Eve_Furniture

Dawn theme has option to change image ratio directly in your Online store > Themes > Customize > Collections > Default collection > Product grid > Image ratio

Thank you so much! It worked great.

1 Like

You’re welcome! I’m glad I could provide the information you needed.