@cjyvr, go into the menus.css virtual CSS file and look for these two rules:
.menu a,
#menu1-smooth a,
#menu2-smooth a {
display: block;
padding: 0 8px;
text-decoration: none;
white-space: nowrap;
width: auto; /* <-- change this to a px width for fixed width on first level items */
}
.menu ul a,
#menu1-smooth a,
#menu2-smooth a {
width: 150px;
white-space: normal; /* 2nd level items we DO want to wrap */
}
For the first rule, which controls the width of the top level menu items, the width is set to auto
, meaning the width of the menu item will shrink/grow to fit the contents of the menu item. The second rule sets the sub-menu items to 150px wide. Experiment with changing the width
values to something that fits your needs.