Hierarchical menu items will be displayed in a flyout menu by default. No special configuration is needed, simply set up your menu items in a hierarchy in the menu editor in WordPress.
Flyout menus show one level of menu items at a time, expanding as the user hovers or clicks each item.
Flyout Menu Alignment
By default the flyout menu will be aligned to the left hand edge of the parent item. To align the flyout menu to the right hand edge of the parent menu item (and make sub menus fly out to the left), change the Sub menu align setting on the Settings tab of the parent item’s Mega Menu settings.
The following is a screenshot demonstrating the following settings on the “Animals” menu item:
- Menu item align: Right
- Sub menu align: Right edge of Parent
