Adding Separators to Menu Items

Hi

I see a different theme on the link provided, can you provide the correct link or have you switched themes ?

Thanks for checking it out. I switch back to the old theme when I’m not working on the re-model.

The workaround I’m using (for anyone interested): I just created a menu with a Custom Item (containing my separator) between each of my menu items.

In a bit more detail: Go to menus, create a Custom Link, put “#” in the URL box and your separator in the Link Text box (I used “?”). Then add that Separator item wherever you want a separator.

Ugly, but it works (until you look at it on mobile, but there’s ways around that too).

Simple way using CSS, you can change the content: '/'; to whatever you character you want

.nav.navbar-nav > li {
  margin: 0 5px;
  position: relative;
}

.nav.navbar-nav > li:after{
  display: inline-block;
  content: '/';
  position: absolute;
  right: -7px;
  top: 0;
}

awesome. thanks