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
  • Replies 2
  • Views 691
  • Created
  • Last Reply

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


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.