Thursday , June 20 2024
Home > Magezon Extensions > Ninja Menus Tutorials > How to Set a Submenu in Multiple Positions With Ninja Menus

How to Set a Submenu in Multiple Positions With Ninja Menus

What is a Submenu?

submenu is a menu which is contained within another one. For instance, in our Ninja Menus extension, a submenu is often shown in a drop-down list, flyout or in menu, etc. Users who can access a submenu by clicking or hovering the parent items by left mouse to collapse the submenu.

How to Set Submenu in Different Positions

There are 2 types of the submenu:

  • Mega Submenu
  • Stack menu (No position option cause the former submenu arranged on top of the follower)

When you choose the Mega Submenu Type, the display will be like:

Submenu Tab
Submenu Tab

Position: Select the place you want to display your submenu and it’s children in the dropdown list.
If we choose Center, your submenu will display right under the parent and make a straight column with its parent.
And here is its display in the storefront:

Center position
Center position

What about Left edge of menu bar?

Left Edge of menu bar
Left Edge of menu bar

And how it look in Right Edge of menu bar

Right edge menu bar
Right edge menu bar

Let’s try Left Edge of parent item

Left Edge parent item
Left Edge parent item

Or Right…

Right Edge parent item
Right Edge parent item

When you choose Left Edge – Vertical – Full Height, it will display like this

Left - Vertical - Full Height
Left – Vertical – Full Height

And the last one:

Right - Vertical - Full height
Right – Vertical – Full height

For more details, watch our tutorial video!

Magento 2 Ninja Menus

Try Ninja Menus FREE demo today

Quickly create well-designed Magento mega menus like a pro in a short time using intuitive drag-and-drop builder. No coding skills needed required.

About Hồng Hoàng

Hồng Hoàng

Check Also


How to Customize Your Magento Menu using Ninja Menus

While setting your navigation menu, you might find it boring if the mega menu looks …

Leave a Reply