How many menu types are there in Magento 2?

Recently, how many types of menus can Magento 2 mega menu create is the most common question we received. Using Magento 2 mega menu types rationally is important to improve the site look. Now, we will show you the four typical menu types of Ninja Menus which help tidy up your site quickly.

1. The first type: Mega Menu

The most popular menu is the Mega menu in Magento 2. It is a drop-down box appearing while hovering a link or text of defined area. This menu lets you insert contents of mass, images, and links. Plus, it helps display all options and items arranged.

                                                                         Mega menu 

2. The second type: Dropdown menu

The drop-down menu is known as a list of items which is considered as a pull-down menu, drop-down list or box. That type of menu will appear when clicking on a piece of text or a button by dropping down. This is the most popular kind of multi-level menu. Hence, with Ninja Menus, you may easily create your own drop-down box of items.

                                                                   Dropdown menu 

3. The third type: Accordion menu

This is a kind of graphical menu which comprises a vertically stacked list of items. Each item can “expanded” or “stretch” to reveal the associated content. Somehow, it is similar to vertical menus of the clicking function. All the items appeared while clicking. The children items will be presented straightly to the parents, not like a fly out or drop-down menu. Click the parent item again to close that section. Sometimes, there will be a caret or plus symbol next to that item.

Accordion menu

4. The last type: Flyout Menu

This last type of menu is another common type. As can be seen, it is a combination of a horizontal navigation menu with a drop-down menu. Whenever you hover the main menu item, it will appear. However, it will be presented horizontally to the right or the left of the parent items instead of dropping down. 

Flyout menu