If your main menu drop down seems to be cut off or end before the last item, this is because the dropdown menu height is calculated by the number of menu items with JavaScript. If your menu item title is too long and goes on multiple lines this will cause an error in the height calculation. There are several ways to fix this:
- Shorten the amount of text so the item is on one line.
- Change the font size so the item is on one line
- Add bottom padding to the UL or the last LI
- Change the width of the drop down
Adding bottom padding to the UL
In the template.css add the following css statement and adjust the bottom padding as needed
#menuwrap ul.menu li.parent > ul padding-bottom:36px;
Changing the width of the drop down UL
In the template.css add the following and adjust the width as needed:
#menuwrap ul.menu li.parent > ul {min-width:200px}
