Replace ingredients separator (“|”) with comma

Add the CSS code in Divi Theme Options

To do this move to the  Divi>> Theme Options >> General >> Custom CSS

.el-menu-ingredient li:not(:first-child):before {
    border-left: none;
    content: "";
    padding-right: 0;
}
.el-menu-ingredient li:not(:last-child):after {
    content: ",";
    padding-right: 5px;
}

Output: