JSPaul Posted January 5, 2021 Share Posted January 5, 2021 While it looks like this used to be the default, I'm wondering if there's any options to have more than one column in the mobile view of a Brine Grid Gallery (end goal: to more mimic the responsiveness of the grid gallery on desktop with more than one column, see example below--screenshot of desktop view). Thank you! Link to comment
tuanphan Posted January 6, 2021 Share Posted January 6, 2021 Can you share page url? We can check easier 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
JSPaul Posted January 6, 2021 Author Share Posted January 6, 2021 Thank you and sorry for not including! http://www.jessicapaulphoto.com Link to comment
tuanphan Posted January 8, 2021 Share Posted January 8, 2021 On 1/7/2021 at 3:57 AM, JSPaul said: Thank you and sorry for not including! http://www.jessicapaulphoto.com Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-gallery-design-autocolumns { height: auto !important; display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 2px; grid-row-gap: 2px; } .collection-type-gallery.gallery-design-grid .slide { position: relative; top: 0 !important; left: 0 !important; width: 100% !important; height: auto !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
JSPaul Posted January 12, 2021 Author Share Posted January 12, 2021 On 1/7/2021 at 11:29 PM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-gallery-design-autocolumns { height: auto !important; display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 2px; grid-row-gap: 2px; } .collection-type-gallery.gallery-design-grid .slide { position: relative; top: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; } } THANK YOU. Is there any way to make the two columns responsive to mimic the desktop view. With the above Custom CSS, the portrait and landscape photos have breaks. Please see attached for reference. Thanks again! Link to comment
JSPaul Posted January 21, 2021 Author Share Posted January 21, 2021 On 1/7/2021 at 11:29 PM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .sqs-gallery-design-autocolumns { height: auto !important; display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 2px; grid-row-gap: 2px; } .collection-type-gallery.gallery-design-grid .slide { position: relative; top: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; } } @tuanphan Hi again! Following up on the above and if there was a way to to make the two columns responsive to mimic the desktop view. With the above Custom CSS, the portrait and landscape photos have breaks. Please see above for reference. THANK YOU! Link to comment
AExce Posted March 31 Share Posted March 31 Is there a way to do this but using image blocks? My website has 6 image blocks on the home page and I would like to have 2 columns like in the above examples. www.antonioespino.com Link to comment
creedon Posted March 31 Share Posted March 31 3 hours ago, AExce said: Is there a way to do this but using image blocks? I suggest using an Index page containing two pages. One designed for desktop (3 cols) and one designed for mobile (2 cols). Then with CSS we could manipulate the Index pages subpages to show/hide at the appropriate break points. Do this work in the Not Linked area, send us the URL for the Index page, we can then take a look at it and probably provide some CSS. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
JewelryByOrly Posted April 2 Share Posted April 2 Hi, I'm having the same trouble and would like my mobile view to mimic my desktop view that includes viewing multiple columns. Is this available? Link to comment
JewelryByOrly Posted April 2 Share Posted April 2 On 1/11/2021 at 8:49 PM, JSPaul said: THANK YOU. Is there any way to make the two columns responsive to mimic the desktop view. With the above Custom CSS, the portrait and landscape photos have breaks. Please see attached for reference. Thanks again! Hey were you able to figure this out? Link to comment
tuanphan Posted April 5 Share Posted April 5 On 4/3/2023 at 12:35 AM, JewelryByOrly said: Hey were you able to figure this out? Can you share link to this page? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment