Header/Toolbar with Seperators

The Beaver Builder guys came thru again on my most recent project for Austin Kidney.  Beaver builder customer support is top notch and they are always willing to help with some custom css, which is why I love their product and use it so heavily for my development websites.

Anyways, if you are looking to take drab headers like this-

to this

Then you just need to add some simple css.

This will add the spacers between the wording.  You can change the color by changing the rgb codes anywhere they appear.

@media (min-width: 768px) {
.fl-page-nav-collapse ul.navbar-nav > li:last-child {
border-right: 0;
border-left: 1px solid rgba(0,0,0,0.3);
}
.fl-page-nav-collapse ul.navbar-nav > li {
border-right: 1px solid rgba(255,255,255,0.3);
border-left: 1px solid rgba(0,0,0,0.3);
}
.fl-page-nav-collapse ul.navbar-nav > li:first-child {
border-right: 1px solid rgba(255,255,255,0.3);
border-left: none;
}
}

Special thanks to Dany at Builder Beaver you can see his original work here: https://gist.github.com/anonymous/af52d6af238220b2952cadfbc9a0eb27