Mobile Footer - Horizontal Display in 7.1

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!

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;
}
}

Hi @tuanphan - This works perfectly, I'm so thrilled! Thank you!