Jump to content

Nav items in each page corner

Recommended Posts

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; 

.header-title-logo img {

  margin-left: 75vw!important;


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


Link to comment

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 comment

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.