Creating A Three Column Footer Layout in Squarespace 7 (Brine Theme)

This tutorial is for the BRINE/BEDFORD theme of Squarespace, built with an older version. For more information, visit https://insidethesquare.co/themes

In this tutorial, I will show you how to create a three column footer layout in a Brine theme Squarespace site.

We are going to use what’s known as a flexbox to stack these side by side, BUT we are also going to reset the layout on mobile so they will stack on top of each other because on a tiny screen, three columns can get pretty darn scrunched!

The codes you need are below, but make sure you watch the tutorial so you know how to use them.

The Code’s You’re Looking For

.Footer-inner {display: flex!important;}
.Footer-blocks--top, .Footer-blocks--middle, .Footer-blocks--bottom {flex: 1!important; display: flex!important; flex-flow: row nowrap!important; justify-content: center!important;}
@media only screen and (max-width:950px){.Footer-inner {display: inline;}}