Elementor Menu Seperator

In order to seperate menu items in Elementor with a line we can use the code shown below.

nav li + li:before {
      content: " | ";
      padding: 0px;
      margin: 0px;
      position: absolute;
      color: #878787;
 }
  .elementor-nav-menu--dropdown li + li:before {
      content: " ";
 }
  .elementor-sticky--active .elementor-nav-menu__align-left .elementor-nav-menu {
      margin-right: auto;
      margin-left: auto;
 }

Step 1: Copy and paste

We have to copy the shown code and paste it in the custom css section of our Menu item.

We can adjust the color of our seperator by manipulating color: #878787;

Also we are able to change our seperator by manipulating content: " | ";

Step 2: Set Vertical Padding to 0