How do I change the size of items on my product home page so that they don’t display so large?
This is how it currently looks
Hi [email removed]JalenGray,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
@media screen and (min-width: 750px){
#ProductGridContainer .grid__item {
max-width:25%
}}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Please add below css code at bottom of assets/base.css file
@media screen and (min-width: 750px)
.product-grid .grid__item {
max-width: 25%;
}
Thank you.
Hi @JalenGray ,
Glad to support you today.
You can check out my suggestion below to get your concern resolved.
- Go to Edit code on Online Store:
- add my code above the tag on Theme.liquid:
Eg:
Hope you find my answer helpful!
Kind & Best regards,
GemPages Support Team.