ivnisigoth316 Posted November 26, 2021 Share Posted November 26, 2021 Site URL: https://ladybug-chicken-2tp4.squarespace.com/ Hi there, My issue is with the footer, I'm trying to achieve a responsive design where the footer items take up the negative space defined by the spacer block instead of breaking at random point to accomodate the spacer as the browser window size changes responsively. Explained much more clearly in images attached to this post. Site: https://ladybug-chicken-2tp4.squarespace.com/ pass: *3iRgpCKJ-8@bBZ7 Any help would be greatly appreciated as its a little bit out of my league in terms of knowledge. Thanks in advance, Jack Link to comment
Beyondspace Posted November 27, 2021 Share Posted November 27, 2021 17 hours ago, ivnisigoth316 said: Site URL: https://ladybug-chicken-2tp4.squarespace.com/ Hi there, My issue is with the footer, I'm trying to achieve a responsive design where the footer items take up the negative space defined by the spacer block instead of breaking at random point to accomodate the spacer as the browser window size changes responsively. Explained much more clearly in images attached to this post. Site: https://ladybug-chicken-2tp4.squarespace.com/ pass: *3iRgpCKJ-8@bBZ7 Any help would be greatly appreciated as its a little bit out of my league in terms of knowledge. Thanks in advance, Jack You can try adding to Home > Design > Custom Css @media only screen and (max-width: 1200px) { section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-2 { width: 21.25%; } section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-4 { width: 15%; } } @media only screen and (max-width: 921px) { section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-2 { width: 25%; } section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-4 { display: none; } } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too ivnisigoth316 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted November 27, 2021 Share Posted November 27, 2021 My testing result 2021-11-27_17-47-01.mp4 ivnisigoth316 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
ivnisigoth316 Posted November 27, 2021 Author Share Posted November 27, 2021 2 hours ago, bangank36 said: My testing result 2021-11-27_17-47-01.mp4 1.09 MB · 0 downloads This code worked absolutely perfectly. Thank you so much bangak36, I really appreciate you taking the time and effort to help my out with my query. Your expertise are much appreciated. Have a lovely day. Thankyou, Jack Beyondspace 1 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