#mainmenu li ul {
width: 210px;
height: auto;
position: absolute;
left: 0px;
z-index: 10;
visibility: hidden;
opacity: 0;
}
#mainmenu li ul li ul {
width: 210px;
height: auto;
display: none;
left: 0px;
z-index: 10;
}
#mainmenu li ul li:hover>ul {
display: inline-block;
position: relative;
transition: 1s;
}i want to bring the drop down menu to the right side where i marked in red but when i try to do that it stays in the same place