Vahid Goudini

Business Development

Software Developer

Data Scientist

Project Manager

Blog Post

Menu Separator In Elementor

09 September 2021 Toturial
Menu Separator In Elementor

Subscribe To My YouTube Channel For More Upcoming Videos

How To Add Menu Separator In Elementor

First step to make menu vertcial divider in elementor, go to your wordpress  dashbord, thene click Template choose or make menu. after that click on edit menu, select custom css and past below code.

vertical Divider menu css code

				
					nav li + li:before {
      content: " | ";
      padding: 0px;
      margin: 0px;
      top:10px;
      position: absolute;
      color: #ffffff;
 }
  .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;
 }
				
			
Tags:
Write a comment