אפשר לסדר את זה עם קצת CSS
פשוט להקטין את הרוחב של התפריט נפתח, על הדרך גם לסדר שהתפריט לא יפול שורה במסכים צרים:
@media (min-width: 768px) and (max-width: 1280px) {
.sf-menu li a {
padding: 0px 2px;
}
.sf-menu ul {
width: 10em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em;
}
.sf-menu .sub-menu li > a {
padding: 0px 7px;
}
}