Jump to content

Not all items on my navigation are aligned correctly

Recommended Posts

@basilschubert Okay, so it looks like there is a left-margin applied to all nav-items except for the first one, so that there is space between them when your nav is set in the traditional horizontal layout list. However, now that it's in a stacked vertical layout, we can remove the left-margin by applying this code:

 

nav.header-nav-list .header-nav-item {
    margin: 0 !important;
}


This will center all the nav items, but by removing the left margins it will also push it over to the left. We can correct this by adding a left margin to the general header nav list, ie:
 

nav.header-nav-list {
    margin-left: 2vw !important;
}

 

Feel free to play around with the margin units. Lmk if that works!

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.