Jump to content

Wide Spacing Between Nav Links

Recommended Posts

https://parakeet-chrysalis-lnzs.squarespace.com/

password: 12345

Hi! I hoping to get my navigation links centered and spread out. I would like "Work" on the very left, "Contact" in the middle, and "About" on the far right. Currently, the only css I am using towards the header is a code to hide the site title and a code to unstack the nav links (since they stack when I center them). Plz help ūüôŹ

Link to comment

@kaydotjpg You can try adding this code snippet:

.header-layout-nav-center .header-actions {
	width: 0% !important;
	display: none !important;
}
.header-title-nav-wrapper {
    flex: 1 0 100% !important;
}
.header-layout-nav-center .header-title {
    width: 0% !important;
    display: none !important;
    flex: 1 1 0% !important;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100% !important;
}
.header-layout-nav-center .header-nav-list {
    justify-content: space-between !important;
    width: 100% !important;
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

‚ėē¬†Did you find my contribution helpful? Buy me a coffee?

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.