VERTICAL OFF CANVAS MENU WITH SUB-SUB MENU (DOES NOT OPEN TO THE RIGHT!)

[michi323]

Hello,
I want my page to have an vertical off canvas menu , that opens on sub menus and sub-sub menus to the right.
If someone clicks or hovers it, it should open the sub menu on a "new popup" to the right, that should work automatically but it doesnt:
So I put this Css into my custom Css on OceanWP and it works fine for the sub menus:

.sub-menu.elementor-nav-menu--dropdown {
    box-shadow: 0 0px 0px 1px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.08),inset 10px -20px 20px -10px rgba(0,0,0,0.08);
    background: #fff;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 300px !important;
    margin: 0 !important;
    overflow-y: auto;
}

But now, my Sub-Sub Menu does show up on the same spot, but i want the "left" to be on 600px.
I tried to change the selector to the IDs (#sm-15838414785809622-4 and #sm-1583841478542834-2) and give them individual "left" values, but somehow that doesnt work at all.

Heres what my sub menu looks like (works fine):

And heres what my sub-sub menu looks like (doesnt work correctly, i want it to open to the righter (red arrow)):

I hope you can Help me.