It depends on which menu you are using. The split menu, css menu, or moo menu. Open the CSS file that corresponds to the menu you are using, for instance; ja.moomenu.css. Check around line 39 – 61 and edit these settings in red.
#ja-cssmenu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
height: auto;
width: 15.9em;
}
#ja-cssmenu li ul ul {
margin: -2em 0 0 15em; /* third-and-above-level lists */
}
#ja-cssmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}
#ja-cssmenu ul a {
width: 14.8em;
width: 10.8em;
}
Just make sure that you add the same amount to each so that they end up aligned. I hope this helps!
