mtaddict Posted December 13, 2021 Posted December 13, 2021 (edited) Site URL: https://marst.fr Hi there! Would like to have my "footer nav" links above my social icons in my footer... Do know how to proceed... Template is Polaris (Brine / 7.0) Thank you! Edited December 13, 2021 by mtaddict Beyondspace 1
Beyondspace Posted December 13, 2021 Posted December 13, 2021 1 hour ago, mtaddict said: Site URL: https://marst.fr Hi there! Would like to have my "footer nav" links above my social icons in my footer... Do know how to proceed... Template is Polaris (Brine / 7.0) Thank you! Try adding to Home > Design > Custom Css .Footer-middle { display: flex; flex-direction: column } .Footer-nav { order: 1; } .sqs-alternate-block-style-container { order: 2; } Let me know how it works on your site Support me by pressing 👍 if this useful for you tuanphan and mtaddict 1 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Beyondspace Posted December 13, 2021 Posted December 13, 2021 My testing result mtaddict 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
mtaddict Posted December 13, 2021 Author Posted December 13, 2021 15 minutes ago, bangank36 said: Try adding to Home > Design > Custom Css .Footer-middle { display: flex; flex-direction: column } .Footer-nav { order: 1; } .sqs-alternate-block-style-container { order: 2; } Let me know how it works on your site Support me by pressing 👍 if this useful for you Worked perfectly. Thank you!!! Beyondspace 1
tuanphan Posted December 14, 2021 Posted December 14, 2021 @mtaddict Just found this, a bit narrow. You can use this CSS to resize it /* Tablet-Homepage Text Width */ @media screen and (max-width:900px) and (min-width:641px) { div#page-56e225ccb09f95e947f36b6d .span-4:nth-child(2) { width: 80%; } div#page-56e225ccb09f95e947f36b6d .span-4:not(:nth-child(2)) { width: 10%; } } 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
Create an account or sign in to comment
You need to be a member in order to leave a comment