O plugin Divi Booster tem a opção de adicionar barras verticais entre os itens do menu, porém não faz sentido usar o plugin só para isso caso não vá usar outras opções disponíveis. Nesse caso, é só adicionar um código CSS simples para incluir as barras verticais. Esse é o código para o módulo Menu, não para o menu padrão do Divi.
.et_pb_menu .et-menu.nav li + li a:before {
position: absolute;
left: -0.8em;
transform: translateX(-50%);
content: '|';
font-size: smaller;
}Atualização em 26/08/2021:
Com o código acima, ocorre um problema se o menu contém sub-menu, pois aparecem barras verticais antes de cada item do sub-menu. As bandeiras em site multilingual também ficam com barras entre elas. Para contornar isso, é necessário acrescentar o seguinte código:
/*Cabeçalho - Sem barras verticais no sub-menu e nas bandeiras de idiomas*/
.et_pb_menu .et-menu.nav ul.sub-menu li a:before, .et_pb_menu .et-menu.nav li.lang-item a:before {
content: none;
}
