Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
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
Solved! Go to the solution
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 .
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 .
Thank you!! My website is lazysundayswim.com and it’s password protected. PW “Lazysun624!”
Hey @olivia624,
Did you try the theme customizer? Many themes come with the option to display more than 1 product per row.
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
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.
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.
Hello, I am also trying to solve this problem. Can some please help?
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);
User | RANK |
---|---|
237 | |
97 | |
86 | |
51 | |
42 |