brunnatorino 0 Share Posted April 10, 2020 Site URL: http://araraswim.nl Hello all, I would like the mobile version of my website to have two columns on the product pages instead of one. How could I do this? thank you very much in advance. Link to post
2 tuanphan 8,950 Solution Share Posted April 10, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products .list-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; display: grid; grid-column-gap: 10px; grid-row-gap: 20px; } } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 RoryThomson 0 Share Posted April 14, 2020 @tuanphan I have the same desire (two columns in mobile view for all 4 stores on my site) as brunnatorino but your code does not work for my site. Could you perhaps point me in the right direction? Site: www.whiskycaskpens.com Link to post
0 tuanphan 8,950 Share Posted April 15, 2020 14 hours ago, RoryThomson said: @tuanphan I have the same desire (two columns in mobile view for all 4 stores on my site) as brunnatorino but your code does not work for my site. Could you perhaps point me in the right direction? Site: www.whiskycaskpens.com Your Custom CSS Box has syntax error so the above code won't work unless fix syntax. Can you paste all CSS here? You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 fhillm 0 Share Posted October 18, 2020 On 4/15/2020 at 5:09 AM, tuanphan said: Your Custom CSS Box has syntax error so the above code won't work unless fix syntax. Can you paste all CSS here? Hey The code doesn't work for me but I don't have any other code in my custom css box. Do you possibly know what the problem might be? https://www.nyane.co/shop Link to post
0 tuanphan 8,950 Share Posted October 19, 2020 On 10/18/2020 at 4:08 PM, fhillm said: Hey The code doesn't work for me but I don't have any other code in my custom css box. Do you possibly know what the problem might be? https://www.nyane.co/shop i see you solved. Do you still need help? You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 yourfluf 0 Share Posted November 6, 2020 On 4/10/2020 at 1:59 PM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products .list-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; display: grid; grid-column-gap: 10px; grid-row-gap: 20px; } } I have tried to use this on my site, but it doesn't seem to work when I posted in the custom CSS section. Am I missing something? My site is: https://retroralph.uk/ Link to post
0 tuanphan 8,950 Share Posted November 10, 2020 On 11/7/2020 at 12:03 AM, yourfluf said: I have tried to use this on my site, but it doesn't seem to work when I posted in the custom CSS section. Am I missing something? My site is: https://retroralph.uk/ Please try again. I just test & it works here. You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 yourfluf 0 Share Posted November 10, 2020 1 hour ago, tuanphan said: Please try again. I just test & it works here. As you can see, I have tried again and refreshed the page. It still only has one column Link to post
0 tuanphan 8,950 Share Posted November 10, 2020 Above code for shop page. You want 2 columns product on homepage? You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 yourfluf 0 Share Posted November 11, 2020 14 hours ago, tuanphan said: Above code for shop page. You want 2 columns product on homepage? Yes please, on my home page Link to post
0 yourfluf 0 Share Posted November 11, 2020 1 minute ago, yourfluf said: Yes please, on my home page There was an error with displaying a grid on my home page, so I inserted individual product blocks instead. I would like these to display in two columns instead of one. Is this possible? Link to post
0 tuanphan 8,950 Share Posted November 11, 2020 Add to Home > Design > Custom CSS /* home products */ @media screen and (max-width:767px) { div#page-section-5f29775108f9fc5eade7bb77>.row>.span-3 { width: 50% !important; float: left !important; } } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 yourfluf 0 Share Posted November 11, 2020 2 minutes ago, tuanphan said: /* home products */ @media screen and (max-width:767px) { div#page-section-5f29775108f9fc5eade7bb77>.row>.span-3 { width: 50% !important; float: left !important; } } Thank you!! How can I change the padding to match the grid below? Link to post
0 tuanphan 8,950 Share Posted November 12, 2020 20 hours ago, yourfluf said: Thank you!! How can I change the padding to match the grid below? Use this code /* home products */ @media screen and (max-width:767px) { div#page-section-5f29775108f9fc5eade7bb77>.row>.span-3 { width: 50% !important; float: left !important; } div#page-section-5f29775108f9fc5eade7bb77 .product-block { padding: 5px !important; } } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 findsbyfoxes 1 Share Posted January 2 I've been trying to figure this out for days with no avail until I came across this thread. So I just wanted to say a massive thank you to @tuanphan for immediately solving this and restoring my brain to normal function!! Happy New Year! x tuanphan 1 Link to post
Question
brunnatorino 0
Site URL: http://araraswim.nl
Hello all,
I would like the mobile version of my website to have two columns on the product pages instead of one.
How could I do this? thank you very much in advance.
Link to post
Top Posters For This Question
7
5
1
1
Popular Days
Nov 11
4
Nov 10
3
Apr 10
2
Oct 19
1
Top Posters For This Question
tuanphan 7 posts
yourfluf 5 posts
brunnatorino 1 post
RoryThomson 1 post
Popular Days
Nov 11 2020
4 posts
Nov 10 2020
3 posts
Apr 10 2020
2 posts
Oct 19 2020
1 post
Popular Posts
findsbyfoxes
I've been trying to figure this out for days with no avail until I came across this thread. So I just wanted to say a massive thank you to @tuanphan for immediately solving this and restoring my brai
Posted Images
15 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment