All things Shopify and commerce
Hello Everyone. In the desktop view, you can see that collection images are normal. When I switch to mobile view, it gets one collection image per raw.
Would anyone be able to give me code to make these collections list two collections per row.
Store build using Envy theme
Store URL: https://jhirna-1541.myshopify.com/
Any assistance you can provide would be greatly appreciated
Solved! Go to the solution
This is an accepted solution.
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body>(press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
@media (max-width:749px){
.template-index .collection-grid .indiv-collection-grid-homepage{
max-width: 50%;
}
}
</style>
If it helps you please click on the "like" button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
This is an accepted solution.
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body>(press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
@media (max-width:749px){
.template-index .collection-grid .indiv-collection-grid-homepage{
max-width: 50%;
}
}
</style>
If it helps you please click on the "like" button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
Thank you so much @diego_ezfy The code works. 🙂
Have a great day
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