Hi everyone, I recently encountered this problem where my products don’t align as they should do, It’s on both devices desktop, and mobile some collection products are not aligning properly, anyone please solve? [Screenshot_30.png] [WhatsApp Image 2024-07-09 at 22.53.24_a2f56cbf.jpg]

It seems that you have no coding foundation. [wo_0-1720752148575.png] Modify this to become .m-product-card{position: relative;display:flex;flex-direction: column;justify-content: space-between;height:100%;}

Hi @JunaidWeb Would you mind to share your store URL? Thanks!

Find .m-product-card in the component-product-card.css file and add the CSS code [wo_0-1720582933080.png]

Just to add the code I marked. display:flex; flex-direction: column; justify-content: space-between; height:100%;

This code is not working. I have added this code but still the products not aligning properly on Shopify. Please solve? [Screenshot_36.png] [Screenshot_33.png]

Please assist me, kindly solve my issue!

Why are my products not aligning properly on Shopify?

Technical Q&A

JunaidWeb July 12, 2024, 4:05pm 12

Thank you it’s working.

Topic		Replies	Views
Product Display is not aligned Technical Q&A javascript , css , shopify-theme	13	151	August 9, 2024
Why are my products not aligning properly on Shopify? Store Design css	2	86	June 16, 2023
Ride Theme : Product price alignment problem line Store Design design , customizations , css , shopify-themes	5	38	December 20, 2022
Why are my product images not aligned on my website? Store Design design , product-page	4	62	February 28, 2024
Need to Align the product cards Store Design design , troubleshooting	4	74	June 14, 2024

Why are my products not aligning properly on Shopify?

Related topics