Jump to content

Footer Navigation Split 2 columns

Recommended Posts

Posted

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-top:40px!important;
  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{
display:-webkit-box;
}

.Footer-business{
  display:none;
}

 

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

  • Replies 0
  • Views 596
  • Created
  • Last Reply

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.