mmt Posted March 1, 2021 Share Posted March 1, 2021 (edited) Site URL: https://mosaic-2045.squarespace.com/home2 Hi All, I am trying to get the very bottom footer section to display horizontally on mobile. I would like to display two blocks of text per row rather than the usual one block of text per row. It's fine if the current footer doesn't look perfect -- I can build another that is displayed only on mobile, but just need working code to get the blocks to stop stacking vertically in mobile. Suggestions for other workarounds welcome. https://mosaic-2045.squarespace.com/home2 Thank you! Edited March 4, 2021 by mmt Link to comment
tuanphan Posted March 3, 2021 Share Posted March 3, 2021 Hi. Add to Design > Custom CSS /* Mobile Footer */ @media screen and (max-width:767px) { div#page-section-6037fcdd0b60b429ee8cc362 .span-6>.row>.span-2 { width: 50% !important; float: left !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
mmt Posted March 3, 2021 Author Share Posted March 3, 2021 Hi @tuanphan - This works perfectly, I'm so thrilled! Thank you! 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