This option allows you to choose the screen size at which the menu collapses. You can type in the value in pixels, or you can use the slider. A collapsed menu doesn’t display links in the first level, instead it shows an icon to display them.
Use this option to choose the behavior of the navbar container width. The navbar width will be adjusted to 100% of the width of its container.
The Trigger option allows you to choose the action that the user has to carry out to display the dropdown menus first level.
Click: The first click will display the menu and the second click will access the link.
Hover: The mouse movement over the item will display the menu and the first click will access the link.
This hover function makes use of the hoverIntent jQuery Plugin. HoverIntent attempts to predict the user’s intent from the mouse movement. It is similar to jQuery’s hover method, but instead of calling the handlerIn function immediately, hoverIntent waits until the mouse slows down enough, before making the call.
This feature prevents accidental firing of animations or Ajax calls. Simple timeouts work for small areas, but if your target area is large, it may execute regardless of intent. This is where hoverIntent comes in.
The Animation select box allows you to choose one of the available animations for the dropdown menus. The available options are: FadeIn, Right to left, Left to right and Hinge.
This option allows you to keep the menu sticky at the top of the page, when the user scrolls down the page. If you choose to set the sticky menu On, there are two more options available.
The Sticky scroll offset option allows you to type in the value in pixels for the length of the scroll at witch the menu will stick at the top of the page.