Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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?
Solved! Go to the solution
This is an accepted solution.
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%;}
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
Please share the code?
Are you there???
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?
Please reply???
Please assist me, kindly solve my issue!
This is an accepted solution.
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%;}
Thank you it's working.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024