More than one product per row on mobile

New Member
1 0 0

I am using the "Minimal" theme and I want to have the desktop version have 3 products per row but the mobile to have 2 instead of one. How do I change it so I can do this?

0 Likes

Hello @TagTailor 
You can add this CSS in to bottom of your theme->edit code -> assets-> theme.scss.liquid

@media only screen and (max-width: 500px) {
.grid-uniform .grid__item.medium-down--one-half.one-quarter.text-center {
	width: 100%;
}}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
1142 93 139
Hello ,
Please add this code at the bottom of theme -> edit code -> assets -> theme.scss.liquid
@media only screen and (max-width: 768px)
{
#CollectionSection .medium-down--one-half {
width: 100%;
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes