michi323
New Member
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:
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.
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:
CSS:
.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.