Jump to content

Is it possible to order a footer like this in mobile (but keep the desktop version as is?)

Recommended Posts

Site URL: https://impala-opossum-rh3r.squarespace.com/

Hi there, I've seen a number of other posts similar to this but typically the fix is just to reverse the direction of the flexbox, but that won't work in this particular situation.  What I'm trying to accomplish is to have the footer be in the order in the image (currently it is in this order: 1,3,2,4).
615473728_footerorder.thumb.PNG.36c9f6a76a153d0ae2418653f0b5365e.PNG
 

The website is: https://impala-opossum-rh3r.squarespace.com/

Password is password

Link to comment
  • Replies 2
  • Views 373
  • Created
  • Last Reply

The address & sibling venue text will always move together because they are in a row together. The images are in a separate row, also together.

image.png.54a66e9cb792f224661f904ee3b76a85.png

You want to tweak the layout so that the logo & address are in one column, the middle space is another column & the the loft/sibling texts are a third column. Then they will stack in the order you desire on mobile as the right column will float in under the left column. 

Link to comment
  • 2 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.