Display submenu on the right side of the main menu

[ar.tux]

Hello,
I’m trying to make a submenu, sliding when mouse is over a menu element. I’ve got something like this: http://codepen.io/anon/pen/NdOqEP
Is there any way, to make the submenu appear on the right side of the menu (like here: http://imgur.com/1rk7xtP)?

Thanks in advance.

[Beverleyh]

You could try making the immediate submenu parent position:relative; and then absolutely position the submenu all the way to the left;

position:absolute;
left:100%;
top:0;

[ar.tux]

Thanks, with your answer I managed to do something like this: https://codepen.io/anon/pen/vgVeYW
so, the submenu appears where I want it to, but when the mouse leaves the menu (green background), then the submenu disappears

[Beverleyh]

Looks like a z-index issue. Try increasing it for the submenu.

[ar.tux]

It works! Thank you very much :)

[Author]

Posts