At times you might need to toggle open/closed a top level navigation item that doesn’t have it’s own link. For instance an “Apply to UBC” button that has two sub level items 1) Undergraduate and 2) Graduate(Figure 1).
Figure 1: Apply to UBC button
The “Apply to UBC” portion of the button doesn’t have it’s own link, so if someone clicks the button nothing happens unless you click the small section on the far right of the button, to the right of the little line. It is much better to have the entire button show the child navigation items when there isn’t a link on the parent button.
To add a toggle to a top-level parent navigation item that has child items simply add the CSS Class navbar-toggle to the parent item in the Admin Dashboard, location Appearance>Menus, open the item you want to add a class to and add the class(Figure 2). If you don’t see the CSS Classes option, you may need to turn it on on the Screen Options menu(Figure 3).
Figure 2: navbar-toggle class
Figure 3: CSS Classes from Screen Options