Third+ level operlaps parent level menus and they are not aligned

Summary

When 3rd+ levels are expanded they overlap the previous levels and they are not aligned

Steps to reproduce

1. Add multiple menu items
2. Hover and expand

Possible fixes

The following snippet might solve the issue:

.dropdown > .dropdown-menu{
position: absolute;
left: -128%;
top: -40%;
display: none;
}

Attachments