Jump to content

Footer Navigation Split 2 columns

Recommended Posts

Hi everyone, 


So Im having a hard time trying to figure this out. Hopefully someone out here knows. 


Im trying to get my footer navigation to split in two columns. I have a total of 6 links. I would like this to be split into two pairs of 3. I am currently using this code to split them which works. However, now I can't seem to match them in grid. I literally been messing with the numbers for hours. Any know why it's not aligning? Or if I'm missing something? 


.Footer-inner {
  padding-bottom: 40px !important;

.Footer-nav-group #yui_3_17_2_1_1595563161449_456{flex-basis:100%!important; align:center!important; height:4vw; margin-top:-2vw; padding-bottom:1vw} 

.Footer-nav-item {margin-bottom:-15%!important; margin-top:4vw} .Footer-nav-item:nth-child(4){margin-left: 20vw!important}

.Footer-nav-item {margin-bottom:-15%!important; margin-top:4vw} .Footer-nav-item:nth-child(4){margin-left: 20vw!important}

.Footer-nav-item {margin-bottom:-15%!important; margin-top:4vw} .Footer-nav-item:nth-child(5){margin-left: 20vw!important}

.Footer-nav-item {margin-bottom:-15%!important; margin-top:4vw} .Footer-nav-item:nth-child(6){margin-left: 20vw!important}

.tweak-footer-layout-columns .Footer-middle{



Here is the link: https://dog-clavichord-beac.squarespace.com/

password: Skye website


Thank you!

Screen Shot 2020-07-23 at 9.50.07 PM.png

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.