Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Nav items in each page corner


heyjennwhitney

Question

Site URL: https://libbyconnolly.com/info

Hello! Does anyone know how to create a custom nav where the menu items can be fixed into the page's corners? https://libbyconnolly.com/info

I found this tutorial for the top nav, https://www.itssevenone.com/tutorials-for-squarespace-71/second-menu-squarespace, but anytime the page is resized the links all overlap/ stack on top of each other. I can't get them to stay fixed in place. 

This is the code I'm using from the above tutorial: 

.header-layout-branding-center-nav-center .header-title-nav-wrapper 
{
  flex-basis:100%!important; align:center!important; 
  height:5vw; 
  margin-top:-2vw; 
  padding-bottom:1vw}

.header-title-logo img {
  margin-bottom:-8.5%!important;
  margin-top:4vw}

.header-nav-item:nth-child(2){
  margin-left: 75vw!important;

}

Any help is much appreciated!! Thank you so much! 

 

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...