cenmor
-
Posts
3 -
Joined
-
Last visited
Free online sessions where you’ll learn the basics and refine your Squarespace skills.
Stand out online with the help of an experienced designer or developer.
How do you add vertical lines ( | ) between the items of your navigation bar/header?
in Customize with code
Posted
I'm on a new 7.1 template and I'd like to add vertical lines as my spacers between navigation items. I used some code to try and get it working but it didn't do it for me. Can someone help?
Here's the code I used:
/* 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;
}