Solved

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

dm369
Visitor
1 0 0

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 

0 (3).png

0 (5).png

0 (4).png

 

to 

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

0 (2).png

0 (6).png

0 (1).png

 

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

Accepted Solution (1)

made4Uo
Shopify Partner
3832 716 1164

This is an 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. 

made4Uo_0-1655137081507.png

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 5 (5)

made4Uo
Shopify Partner
3832 716 1164

This is an 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. 

made4Uo_0-1655137081507.png

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
ColemanS19
Visitor
1 0 1

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

AquaFuture
Visitor
2 0 0

coulmnsShop.JPG

scandimoto
Tourist
8 0 2

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
Not applicable
1 0 0

this is not an option availible for me either