The Divi default menu items don't have any divider lines between them by default, however, there are many scenarios in which you might want one to display.
With a bit of CSS code, it's easy to display a vertical divider between the menu items.
Go to WordPress Dashboard → Divi → Theme Options
Paste in the following CSS snippet
/* Start Divi add divider to the default menu items*/
#top-menu li:not(:last-child) {
border-right: 1px solid #555555;
margin-bottom: 20px;
}
#et-top-navigation nav > ul > li > a {
padding-bottom: 4px!important;
padding-left: 20px;
}
/* End Divi add divider to the menu items*/Click on the Save Changes button
Divi default menu will then have vertical lines added between menu items, like in the screenshot below:
