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
3803 713 1112

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

 

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 5 (5)

made4Uo
Shopify Partner
3803 713 1112

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

 

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
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