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

Nav items in each page corner


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

  • 0

Thanks Erika! That's actually not my personal site, I am trying to make a site like that. Every time I use the code, the links overlap on the logo when the browser is resized.

Thank you! 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...