Jump to content

Vertical Line Dividers between Primary Navigation links in Impact Template

Recommended Posts

  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Add to custom CSS and you can change the color by changing the #000 to another hex number. Color Hex Color Codes

/* Add vertical links */
.site-navigation .nav-item {
   border-right: 1px solid #000 !important;
/* Hide vertical last item */
.site-navigation .nav-item:last-child {
   border-right: none !important;
/* Change spacing */
.site-navigation .nav-item span {
   padding-right: 10px;

Color Hex Color Codes

Edited by derricksrandomviews
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.