Get Ready Elementor Templates

How To Make Creative Navigation Menu In Elementor Free

Subscribe To My YouTube Channel For More Upcoming Videos

   

To display the menu vertically, apply the following CSS



 

To display the menu vertically, apply the following CSS Class


menu

 

Nav Box Style CSS

.nav-area {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.4s ease, opacity 0.4s ease;
}


 

Nav Box Style CSS Class


nav-area

 

To hide the toggle menu on mobile devices, apply this CSS


.menu .elementskit-menu-container {
    position: static !important;
}

.menu .elementskit-nav-identity-panel {
    display: none !important;
}

.menu .elementskit-menu-overlay{
    display: none;
}

.menu button.elementskit-menu-hamburger.elementskit-menu-toggler {
    display: none;
}


 

Creative Navigation Menu JS Code