Eu gostaria de saber como posso mover o meu menu em uma imagem que eu fiz. Queria meter o menu do lado esquerdo por exemplo. Aqui tem o meu menu: https://gyazo.com/3cc836a7cb1b825800abe4f8b0b309e7
Aqui tem o meu código:
<!-- Icon -->
<div id="user">
<img id="icon" align="left" style="position:absolute; top:2%; right:7.3%; " width="100px" src="https://cdn4.iconfinder.com/data/icons/small-n-flat/24/user-alt-128.png" >
<div id="nav_menu" style="position:absolute; top:2%; right:7.3%; ">
<ul>
<li id="l1"> -- </li>
<li> -- </li>
<li> -- </li>
<li> -- </li>
</ul>
</div>
JS
$("#icon").mouseover(function() {
$('#nav_menu').slideDown();
});
$("#icon").mouseleave(function(){
$('#nav_menu').slideUp();
});