Magento 2 Custom Navigation Menu: Enhancing User Experience


A well-structured navigation menu is essential for providing a seamless user experience in an e-commerce store. Magento 2 offers robust capabilities for creating and customizing navigation menus to suit your store’s needs. This guide explores Magento 2 custom navigation menus, their benefits, and how to implement and optimize them, including vertical category menus.

What is Magento 2 Custom Navigation Menu?

A custom navigation menu in Magento 2 allows store owners to create and configure unique menus that cater specifically to their product catalog and customer browsing preferences. Unlike the default menu, a custom navigation menu can include various elements such as categories, subcategories, static links, and promotional banners.

Benefits of Custom Navigation Menus

  1. Improved User Experience: Tailored navigation makes it easier for customers to find products, enhancing their shopping experience.
  2. Increased Engagement: Custom menus can highlight promotions and new arrivals, encouraging customer interaction.
  3. Enhanced Branding: A unique navigation menu can reflect your brand’s identity and design, making your store stand out.

Magento 2 Custom Menu

A custom menu in Magento 2 can be designed to include specific categories, subcategories, and custom links, giving you complete control over your store’s navigation structure.

Steps to Create a Custom Menu in Magento 2

  1. Access the Admin Panel:
    • Navigate to Content > Elements > Pages.
  2. Create or Edit a Page:
    • Select the page where you want to add the custom menu, or create a new page.
  3. Add Custom Menu HTML:
    • Use the Content section to add custom HTML for your menu. You can use unordered lists (<ul>, <li>) to structure your menu.
  4. Use Widgets:
    • Go to Content > Widgets and add a new widget.
    • Select CMS Static Block as the type, and choose the page where you want to display the custom menu.
  5. Configure the Widget:
    • Set the widget options, such as the block title and display settings.
    • Insert the custom HTML for your menu in the widget content.

Magento Custom Menu

Custom menus in Magento can be further enhanced using extensions that provide additional features and customization options.

  1. Mega Menu by Amasty:
    • Provides advanced menu options, including horizontal and vertical menus, category labels, and product thumbnails.
  2. Mega Menu by Mageplaza:
    • Allows you to create fully customizable menus with multiple layouts, icons, and content types.
  3. UB Mega Menu:
    • Offers a flexible solution for creating complex menu structures with drag-and-drop functionality.

What is Vertical Category Menu in Magento?

A vertical category menu displays categories and subcategories in a vertical format, usually on the left side of the page. This type of menu is particularly useful for stores with a large number of categories, as it allows for easy navigation without cluttering the main menu bar.

Benefits of Vertical Category Menus

  1. Space Efficiency: Utilizes vertical space, leaving more room for product displays and other content.
  2. Easy Navigation: Simplifies navigation by providing a clear, hierarchical structure.
  3. Better Organization: Helps organize a large number of categories and subcategories effectively.

Steps to Create a Vertical Category Menu in Magento 2

  1. Enable the Vertical Menu:
    • Some themes come with built-in support for vertical menus. Check your theme settings in Content > Configuration and enable the vertical menu if available.
  2. Use an Extension:
    • Install a vertical menu extension like Mega Menu by Amasty or Vertical Mega Menu by Mageplaza.
  3. Configure the Extension:
    • After installing the extension, navigate to its settings in the Magento admin panel.
    • Customize the appearance and behavior of the vertical menu according to your needs.
  4. Add Categories:
    • Go to Catalog > Categories and ensure your categories and subcategories are correctly structured.
    • The vertical menu will automatically pull the categories from your catalog.

Read Also: The Future Unwired: How 5G and Beyond Are Shaping Our Connected World


Custom navigation menus in Magento 2 play a vital role in enhancing user experience and improving site navigation. Whether you choose to implement a horizontal or vertical menu, or use advanced features provided by extensions, a well-structured menu can significantly impact your store’s usability and customer satisfaction. Follow the steps outlined in this guide to create and optimize custom navigation menus that suit your e-commerce store’s unique needs.

Saved to Drive

Read Also: Transform Your Photos: Free AI Image Upscaler for Stunning Results

Leave a Comment