Customize Footer Layout for Mobile Only

On mobile, I would like to show my footer in one column instead of two. https://www.dotmassage.me/

Could someone please assist with the css for this?

Thanks!

You shouldn't need any CSS, you are using Squarespace's fluid engine which allows you to design the mobile layout.

Edit the page, then click on edit footer, then toggle the mobile view (top right of the screen). Then move and resize the blocks.

If you're not fully aware, with the fluid engine, you must edit the mobile view of every page, and when you make a change to the desktop layout, you need to adjust the mobile too. Please do note, that only the layout, i.e. the size and position of the blocks is different on mobile, if you delete or change any content within the blocks that will be reflected on both the mobile and desktop. So please don't delete any text or images hoping that it will just be on the mobile/desktop and not both.

Well, geez. That makes it a lot easier. 😂

Thanks!

54 minutes ago, Dotmmassage said:

Well, geez. That makes it a lot easier. 😂

Thanks!

Yep, hope that helps you beyond the footer too!