The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Display submenu on the right side of the main menu
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.
You could try making the immediate submenu parent position:relative; and then absolutely position the submenu all the way to the left;
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
Looks like a z-index issue. Try increasing it for the submenu.
It works! Thank you very much :)