CSS:

#primary-menu a {
position:relative;
}
#primary-menu a::before {
content:"|";
position:absolute;
left: -22px;
top:0px;
}
#primary-menu li:first-child a::before {
content:"";
}

#primary-menu ist der übergeordnete Container. Dies anpassen.

Eventuell #primary-menu a ein Padding geben: Z.B.: #primary-menu a {padding:10px 20px;} 

left und top anpassen.

Content: wähle das Trennzeichen.

Das Ergebnis:

• Link1
• Link2
• Link3
• Link4