How to Change Products Per Row in Shopify Ride Theme

Ride lets you set the grid density separately for desktop and mobile, so a layout that looks right on a laptop doesn't end up cramped on a phone.

Steps

1. In your Shopify admin, go to Online Store > Themes and click Customize on Ride.
2. Switch to a Collection template using the page picker.
3. Select the Product grid section.
4. Adjust Products per row on desktop and Products per row on mobile independently.
5. Click Save.

Two columns on mobile is the common default — three tends to make product images and titles too small to read comfortably on smaller phones.