Collection item not the same size

Store Design
1

Hi!

My items in my collection page are uneven, how do I fix that?

Thanks!

image.png
image.png1643×879 226 KB

2 Likes
2

Look at the top of the picture

3

It seem pretty complicated, do you have any easier option?

4

sure, how?

5

Hi @bobylands ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1723124752546.png
BSSCommerceHDL_0-1723124752546.png1898×850 191 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

6
  • Here is the solution for you @bobylands
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 600px) {
.card--standard .card__inner {
    height: 330px !important;
}
}
  • Here is the result you will achieve:

BSSTekLabs_0-1723124982551.png
BSSTekLabs_0-1723124982551.png1616×899 229 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.