Why are my products not aligning properly on Shopify?

JunaidWeb · ‎07-09-2024

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?

wo · ‎07-11-2024

It seems that you have no coding foundation.

Modify this to become

.m-product-card{position: relative;display:flex;flex-direction: column;justify-content: space-between;height:100%;}

View solution in original post

Made4uo-Ribe · ‎07-09-2024

Hi @JunaidWeb

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

JunaidWeb · ‎07-09-2024

Yeah sure.

https://gzar.ae/

wo · ‎07-09-2024

Find .m-product-card in the component-product-card.css file and add the CSS code

JunaidWeb · ‎07-10-2024

Please share the code?

JunaidWeb · ‎07-10-2024

Are you there???

wo · ‎07-10-2024

Just to add the code I marked.

display:flex;
flex-direction: column;
justify-content: space-between;
height:100%;

JunaidWeb · ‎07-11-2024

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

JunaidWeb · ‎07-11-2024

Please reply???

JunaidWeb · ‎07-11-2024

Please assist me, kindly solve my issue!

wo · ‎07-11-2024

It seems that you have no coding foundation.

Modify this to become

.m-product-card{position: relative;display:flex;flex-direction: column;justify-content: space-between;height:100%;}

JunaidWeb · ‎07-12-2024

Thank you it's working.

Why are my products not aligning properly on Shopify?

Why are my products not aligning properly on Shopify?

Community Blog Articles