Menu Not Selectable

On the UNI template, I have the top navigation menu with the MORE menu item being the far right MENU ITEM.

Hovering over MORE a drop down menu opens as it should. But some of those items have sub menus.

Those submenus don't open to the RIGHT so you can easily move the mouse to the right to Hover/Select one of the items in the submenu.

Instead those submenus open DIAGONALLY and so to move from one to the other is more or less impossible and takes several attempts.

Is there a solution for this?

I presume this is because sub menus are setup to open directly BELOW the main menu items and so the submenus below the MORE item open below too.

open /templates/base/css/top_menu.css for editing, and find the code below at around line 174.  Note the code highlighted in red below, and change that 0px to -43px

Save, clear /cache folder, and do a hard refresh on your browser.

table.topMenu ul.more_sub { 
	position:absolute;
	display: none;
    z-index:25;

	width: 190px; 
    height: auto;
	top: 0px;
    left: 100%;
    margin: 0px;
    padding: 10px;

	background-color: #ffffff;  
    -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.3);
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.3);

    list-style: none;
}