Shopify themes, liquid, logos, and UX
I Want This Product Image Small.
Please Help Me TO achieve this
URL:- https://plugmydrip.com/
Solved! Go to the solution
This is an accepted solution.
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>
<style>
@media only screen and (max-width: 600px) {
product-item .product-item__aspect-ratio img {
max-width: 85% !important;
}
}
</style>
If my solution works, then please like and accept it as a solution.
This is an accepted solution.
Please Go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>
<style>
@media screen and (max-width: 999px) {
.product-list__inner--scroller {
grid-auto-columns: 35vw;
}
}
</style>
This is an accepted solution.
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>
<style>
@media only screen and (max-width: 600px) {
product-item .product-item__aspect-ratio img {
max-width: 85% !important;
}
}
</style>
If my solution works, then please like and accept it as a solution.
Thanks For This but also want to reduce width here ⏬⏬
This Is My Website
I want like this ⏬
Here We Can See More Than 2 Products
This is an accepted solution.
Please Go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>
<style>
@media screen and (max-width: 999px) {
.product-list__inner--scroller {
grid-auto-columns: 35vw;
}
}
</style>
Also Bro One Last
Want this Titles in 2 Lines
Like This
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025