offcanvas menu display all menu levels

Hello Bendict

Please follow this documentation. Hopefully, it will solve your problem.

Best regards

If I may....

This tip was created for raw Helix Ultimate for Mobile Menu only, but you used different method in desktop view. In that case you need ALSO that lines:

#modal-menu   .sp-megamenu-parent .sp-dropdown {
  position: initial; display: block; }

In Mobile view you have - all menu items are visible, so my orginal CSS from Guide helped ;)

add also those lines:

#modal-menu ul.sp-megamenu-parent li.sp-has-child > a::after, 
#modal-menu ul.sp-megamenu-parent li.sp-has-child > span::after 
{content: ""; display: none; }

My CSS code removed drop down "arrows" in Dekstop view - or you wanted to remove something else? If yes, share screenshot and show me what!

Use also those lines:

.sp-megamenu-parent {margin: 10px 0px;}
#modal-menu ul.sp-megamenu-parent .sp-dropdown {transition: none;}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background-color: transparent; padding: 5px;}
ul.sp-dropdown-items li.sp-menu-item > a::before {content: "- "; }

Check if you can disable Menu animation in Template Options > Menu > MegaMenu > Dropdown Animation

Try also that line

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child>.sp-dropdown {animation:none; animation-duration: 0s;}