Shopify themes, liquid, logos, and UX
As you can see on the image below, I want the collections cards to be full width on the screen, I don't mind if their heigh increase as well, I just want it to fit fully on the screen. How can I do that?
Website: longdistanceloveclub.com
Password: edimar123
Solved! Go to the solution
This is an accepted solution.
Hi @LDLC_Shop
If you like to full width this collection it will be also increase the sizes of the image.
Try this one.
.section-template--23366295388425__collection_list_tBBF88-padding {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
.collection-list {
display: flex;
flex-wrap: wrap;
width: 100vw; /* Full width */
}
.collection-list__item {
flex: 1 1 100%; /* Each collection takes full width */
max-width: 100%;
height: auto; /* Adjust height dynamically */
}
If You Need Shopify Specialist You Can Contact.
This is an accepted solution.
Hi @LDLC_Shop
If you like to full width this collection it will be also increase the sizes of the image.
Try this one.
.section-template--23366295388425__collection_list_tBBF88-padding {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
It works perfectly, thank you!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025