Right, but the thing to keep in mind is that whenever you remove or change the main menu item you will have to update the css again accordingly as the number 143 might change. You are right to change menu item 143, but you should change it’s class not id and mark it as important. Add these two styles to your custom stylesheet:
.menu-item-143 {
float: right !important;
}
#main-nav ul li.menu-item-143 ul {
position: absolute;
background-color: #fff;
border-bottom: 4px solid #439f55;
top: 40px;
left: -68px ;
width: 190px;
}
You will notice I moved the child menu item to the left as well to prevent it from protruding on the right by adding -68px to the left. You can change this to get the desired effect. You can add more menu items to the menu, it will have no effect on the login item on the right.
Let me know if this works for you.
Regards
Ernest Close