FROM CACHE - en_header

Change number of products per row on Mobile Venture theme

Solved
ohmar
Tourist
5 0 0

On the collections page of Venture's theme, it only shows 1 product per row on mobile. Is it possible to change it to 2 a row? Any help would be appreciated

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4532 586 1144

This is an accepted solution.

Hi @ohmar 

Follow this:

1. Go to Online Store->Theme->Edit code
2. Template->collection.liquid->find {% for product in collection.products %} and change "small--one-hal" class in this loop to small--one-half

so it look like:

<div class="grid__item medium-up--one-third small--one-half">
   {% include 'product-card', product: product %}
 </div>
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 17 (17)
Jasoliya
Shopify Expert
4532 586 1144

This is an accepted solution.

Hi @ohmar 

Follow this:

1. Go to Online Store->Theme->Edit code
2. Template->collection.liquid->find {% for product in collection.products %} and change "small--one-hal" class in this loop to small--one-half

so it look like:

<div class="grid__item medium-up--one-third small--one-half">
   {% include 'product-card', product: product %}
 </div>
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
ohmar
Tourist
5 0 0

thanks for the help! it worked

EMWA
Tourist
21 0 1

Hi , I am having the same problem but I am using the Narrative Theme. When i look at the  .collection.liquid it only says {% section 'collection-template' %}

Thank you. My site is https://sh-t-we-made.myshopify.com/

Jasoliya
Shopify Expert
4532 586 1144


1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css->paste bellow code in bottom of file

@media screen and (max-width: 769px){
    .collection-template .card{width:50%;float:left;}
}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
EMWA
Tourist
21 0 1
Hi! Thank you so much that was so helpful. Since this worked so well i was wondering if you could help me with another mobile issues.

When I load my site on mobile the first gallery section on my homepage is always cut off. Can you help me re-size this home page gallery for mobile?
EMWA
Tourist
21 0 1

Also Is it possible to organise the pictures in collage style on the mobile and grid style on web? thanks! 

Jasoliya
Shopify Expert
4532 586 1144

Send me store password 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
EMWA
Tourist
21 0 1
Jasoliya
Shopify Expert
4532 586 1144

Do you want to change this section?

Jasoliya_0-1614149136576.png

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
EMWA
Tourist
21 0 1
Click to expand...
I would like the change the section above so it looks the same in mobile view (currently 1 in a row) as it does on website view (3 in a row) I would like it to look something like this on mobile view only 


6A22C7DF-7724-48B6-8883-748A06C8684A.png

Jasoliya
Shopify Expert
4532 586 1144

Follow  this 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css->paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
             .card-list__column .card{width: 33.33%;float: left;}
}

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
EMWA
Tourist
21 0 1

Thank you so much it worked! - it looks great now! 

DorisPetty
New Member
6 0 0

Hi, I made the same adjustment on Brooklyn, but nothing happened. Do you know how to modify it on Brooklyn to make it shows 2 products per row on mobile view?

Jasoliya
Shopify Expert
4532 586 1144

send store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
DorisPetty
New Member
6 0 0
LowTides
Tourist
3 0 1

I am attempting to change the mobile product grid on the Venue theme, any help?

ojazdowski
New Member
4 0 0

Thank you for this solution.
I am also using the venture theme and I am also trying to change the number of items in a row for my Featured Collection on the homepage.
On desktop I have five items per row. I would like to change this to 4.
On mobile, I have two items per row. I would like to change this to 1.
Thank you for your time