Jump to content

Mobile Footer - Horizontal Display in 7.1

Recommended Posts

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!

IMG_6120.jpg

Edited by mmt
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.