Jump to content

Vertical Line Dividers between Primary Navigation links in Impact Template

Recommended Posts

  • Replies 1
  • Created
  • Last Reply
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

Link to comment

Archived

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.