Lorenza Theme Mobile: View more than one product at a time?

Solved
olivia624
New Member
2 0 0

Hi there I have the Lorenza theme and my mobile version is only showing one product per row on the collection pages. I'd like it to show two products per row for the customer's ease of scrolling etc. This is how all my collection/product pages are on the mobile view. If you know how to fix this, I need help ASAP as I launch my website tomorrow.

 

Thank you

Accepted Solution (1)

Accepted Solutions
khilan
Shopify Partner
271 15 26

This is an accepted solution.

hi @olivia624 

please share your website -url.

i can solve this your problem. and please add me to staff members 

thank you so much .

 

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help

View solution in original post

Replies 8 (8)
khilan
Shopify Partner
271 15 26

This is an accepted solution.

hi @olivia624 

please share your website -url.

i can solve this your problem. and please add me to staff members 

thank you so much .

 

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
olivia624
New Member
2 0 0

Thank you!! My website is lazysundayswim.com and it’s password protected. PW “Lazysun624!”

UmairA
Shopify Partner
1059 96 214

Hey @olivia624,

Did you try the theme customizer? Many themes come with the option to display more than 1 product per row. 

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
ShopHelp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
Westwood
New Member
1 0 0

Hi can you help me with my site. Im also using Lorenza and want to display two products per row on my mobile. 

archivewestwood.com

JD_8D
New Member
4 0 0

Hi I am also using the Lorenza theme and  would also like to display more than one product on the mobile device site. I cannot share access as I am not the owner of the site and simply maintain the site so can you please share the solution so that i may make the changes myself. 

JD_8D
New Member
4 0 0

Hi Khilan,

I have the same concern as this thread, but I cannot give you access to the site, as I am just the maintenance guy at the company that handles a site using the Lorenza theme. Can you please let me know what changes I have to add so that the site shows multiple products on the collection page of the mobile view? Would really appreciate the guidance.

Stacey2021
New Member
1 0 0

Hello, I am also trying to solve this problem. Can some please help? 

Raeanna1
New Member
1 0 0

Search "index.css" and go to this section in your code:

 

.grid-display {
display: grid;
grid-gap: calc(4px * 5);
gap: calc(4px * 5);
grid-gap: var(--spacing-medium);
gap: var(--spacing-medium);
grid-template-columns: repeat(1, 1fr);

 

it should be around line 140 if you have not edited that section in the code much. Just change one the last line rea=peat(1, 1fr); to repeat(2, 1fr);