Shopify themes, liquid, logos, and UX
Hi support,
How can I change product grid from 4 products to 3 with the theme Dawn?
I am unable to select this option, see attachment:
Solved! Go to the solution
This is an accepted solution.
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px){
.grid--quarter-max.grid--4-col-desktop .grid__item {max-width: 37% !important;}
.grid--4-col-desktop .grid__item {width: calc(33% - 1rem * 3 / 4) !important;}
}
Please share store URL and store front password .
Thanks!
Could you please tell me the solution without permission to access the shop?
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 789px){
#main-collection-product-grid .grid__item{
width: 100% !important;
max-width: 33.3333% !important;
}
}
Thanks!
I am sorry but the solution does not solve the problem.
Please share your store preview URL
Thanks!
...
This is an accepted solution.
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px){
.grid--quarter-max.grid--4-col-desktop .grid__item {max-width: 37% !important;}
.grid--4-col-desktop .grid__item {width: calc(33% - 1rem * 3 / 4) !important;}
}
Awesome that worked 🙂
many thanks
Any problem Let me know & welcome again Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024