[Dawn theme] I wanted my collections to display one product per row on mobile

[dm369]

Hey, so I was trying to show 1 product per row in collection pages on mobile

so under edit code - sections - main-collection-product-grid.liquid, in row 37 we changed (Please refer to attachments)

grid grid--2-col negative-margin product-grid 

 

to 

grid grid--1-col negative-margin product-grid 

 

 

 

It worked but now I am facing this issue can someone please help me with this code.

[made4Uo · Accepted solution]

Hi,

You do not need to edit the code for this. Just customize your theme. 

1. In your Admin page, go to Online store > Themes

2. Choose the theme you want to edit then click Customize. 

3. Change the Home page to Collections, then Default collections.

4. Click the Product Grid

5. Change the mobile layout to 1 column. 

Please see image below. 

[ColemanS19]

Hi, this option does not show available on my dawn settings. What are other options?

[AquaFuture]

 

[scandimoto]

Is it possible to ask you a question? I currently have the Dawn 2.0 theme and would appreciate some help in increasing the number of columns in a featured collection displayed on the home screen from 2 to 3 and 4.

The customization allows for 4 columns on desktop but only 2 for mobile. I'd like to increase the columns for mobile to 3 and 4. I've had a search around, tried a couple of things but my knowledge is limited.

[zionwilson]

this is not an option availible for me either