allucaci Posted January 22, 2020 Posted January 22, 2020 Hello all, I'm trying to optimize the mobile view on the Mojave template, for a "Products" page, so that a single centered image appears. I have the product display set to 3 now - which looks good on a desktop - but want to resize it to 1 image @640px. I can't seem to work it out. Has anyone tried this before and would you mind sharing your workaround please? Cheers! Alex
tuanphan Posted January 22, 2020 Posted January 22, 2020 Can you share link to product page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
allucaci Posted January 22, 2020 Author Posted January 22, 2020 Sure, it's - https://solo-adventure.squarespace.com/destinations and the pass is "password". Thanks!
tuanphan Posted January 23, 2020 Posted January 23, 2020 add to Page Header <style> @media screen and (max-width:640px) { .ProductList-item { clear: none; width: 100% !important; margin: 0 !important; } .ProductList-image { width: 100% !important; height: auto !important; } } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
allucaci Posted January 23, 2020 Author Posted January 23, 2020 That's brilliant! Thank you so much!! If I wanted to have 2 images per row on an iPad, would that be possible? Thank you again!
tuanphan Posted January 24, 2020 Posted January 24, 2020 7 hours ago, allucaci said: That's brilliant! Thank you so much!! If I wanted to have 2 images per row on an iPad, would that be possible? Thank you again! yes, you can with css Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.