mportch Posted August 17, 2020 Share Posted August 17, 2020 Site URL: https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints/the-wall-frame-arizona Hi, How do I make my award logos appear in 3 columns instead of 2 in MOBILE VIEW? Link to comment
tuanphan Posted August 17, 2020 Share Posted August 17, 2020 Add To Home > Design > Custom CSS /* The wall frame logos */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1597647440130_252727 .slide { width: 33.33% !important; } div#block-yui_3_17_2_1_1597647440130_252727 .slide img { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mportch Posted August 20, 2020 Author Share Posted August 20, 2020 (edited) Thanks - but how do I do this to all pages in my stores? https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints https://www.mattportch.com/store Edited August 20, 2020 by mportch Link to comment
tuanphan Posted August 20, 2020 Share Posted August 20, 2020 4 hours ago, mportch said: Thanks - but how do I do this to all pages in my stores? https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints https://www.mattportch.com/store try remove block id in above code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mportch Posted August 21, 2020 Author Share Posted August 21, 2020 Sorry doesn't work? I'm not sure how that code would look? Link to comment
mportch Posted August 21, 2020 Author Share Posted August 21, 2020 Tried adding this code to the page header code injection but it doesn't work... (It does work on these pages: awards, exhibitions, press) <style> @media screen and (max-width:767px) { .gallery-grid-wrapper { grid-template-columns: repeat(3,auto) !important; } } </style> Link to comment
tuanphan Posted August 21, 2020 Share Posted August 21, 2020 23 hours ago, mportch said: Thanks - but how do I do this to all pages in my stores? https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints https://www.mattportch.com/store I don't see logos? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mportch Posted August 21, 2020 Author Share Posted August 21, 2020 this is the page - there are logos when you click on each individual frame (product) https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints Link to comment
mportch Posted August 21, 2020 Author Share Posted August 21, 2020 or here for example, under the ADD TO CART button https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints/picnic-stands-white-sands Link to comment
mportch Posted August 22, 2020 Author Share Posted August 22, 2020 @tuanphan I have many product pages to add this 3 logo gallery config to in mobile view. Is the only way to duplicate your original CSS and change the id block for each one? I've started to already. It's a bit laborious and a lot of code. I wondered if there was a way of making all the logos go into a 3 column configuration with one set of code across the whole site or both pages? https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints https://www.mattportch.com/store Link to comment
tuanphan Posted August 22, 2020 Share Posted August 22, 2020 You can replace above block id. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mportch Posted August 24, 2020 Author Share Posted August 24, 2020 Thanks, that's a handy extension! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment