{"id":2827,"date":"2026-01-21T17:39:36","date_gmt":"2026-01-21T15:39:36","guid":{"rendered":"https:\/\/plumrocket.com\/learn\/?p=2827"},"modified":"2026-01-21T17:39:38","modified_gmt":"2026-01-21T15:39:38","slug":"how-to-set-up-the-magento-2-top-navigation-menu-step-by-step","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/learn\/configure-magento-2-top-navigation-menu","title":{"rendered":"How to Set Up the Magento 2 Top Navigation Menu (Step-by-Step)"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

The Magento 2 top navigation menu is a crucial feature for any eCommerce store. It allows customers to quickly access key sections of the store, such as product categories, collections, and important pages. Setting it up correctly not only enhances user experience but also contributes to your SEO by helping search engines crawl your site more effectively.<\/p>\n\n\n\n

In this tutorial, we’ll walk you through the steps of setting up and customizing the top menu in Magento 2 and how you can improve the site navigation with the Layered Navigation extension<\/a>.<\/p>\n\n\n\n

Understanding Category Tiers in Magento 2 Navigation<\/h2>\n\n\n\n

In Magento 2, category tiers refer to the hierarchical structure of categories and subcategories that determine how products are organized and displayed in the store. Understanding how these categories work is essential for setting up a user-friendly and SEO-optimized navigation system.<\/p>\n\n\n\n

What Are Category Tiers in Magento 2<\/h3>\n\n\n\n

Magento 2 organizes your products into a category hierarchy, typically consisting of three levels:<\/p>\n\n\n\n

  1. Root Category<\/strong>: The highest level in your category structure. In Magento 2, all storefront categories are organized under a root category assigned to the store<\/li>
  2. Main Categories<\/strong>: These are the primary categories within the root category, such as “Women”, “Men”, or “Gear”.<\/li>
  3. Subcategories<\/strong>: These are secondary levels of categorization, like “Tops” or “Bottoms” under their respective main categories.<\/li><\/ol>\n\n\n\n
    \"What<\/figure><\/div>\n\n\n\n

    This tiered structure helps both users and search engines easily navigate and understand the organization of your store.<\/p>\n\n\n\n

    How Magento Builds the Top Menu from Category Hierarchy<\/h3>\n\n\n\n

    Magento 2 automatically generates the top navigation menu by pulling categories from the backend and displaying them in a structured way based on the hierarchy. Here\u2019s how it works: root Category forms the foundation, while Main Categories and Subcategories are automatically displayed as menu items and dropdowns.<\/p>\n\n\n\n

    Magento ensures that the top menu reflects this hierarchical structure, making it intuitive for users to find products based on categories.<\/p>\n\n\n\n

    How Many Levels of Categories Are Optimal <\/h3>\n\n\n\n

    Although Magento allows the creation of multiple category levels, achieving the right balance between usability and performance is crucial. From a usability perspective, two to three category levels are generally ideal<\/strong>. This structure enables users to navigate the site efficiently without feeling overwhelmed. When category hierarchies become too deep, users may struggle to locate specific products, which can lead to frustration and higher bounce rates.<\/p>\n\n\n\n

    Performance is another important consideration. As category structures grow more complex, they require additional processing, which can negatively impact page load times. Deep category trees can place unnecessary strain on your site\u2019s resources and affect key metrics such as Core Web Vitals. <\/p>\n\n\n\n

    By limiting category depth to only what is necessary, you help ensure faster page loads, a smoother user experience, and improved SEO performance.<\/p>\n\n\n\n

    How to Configure Magento 2 Top Navigation Menu<\/h2>\n\n\n\n

    The first step in setting up your Magento 2 top navigation is to create product categories. These categories will serve as the items in your navigation menu.<\/p>\n\n\n\n

    \n

    How to Create Categories for Top Navigation in Magento 2:<\/p>\n\n\n\n

    1. Go to Catalog > Categories<\/strong> in the Magento Admin Panel.<\/li>
    2. Click on Add Root Category<\/em> or Add Subcategory,<\/em> depending on your structure.<\/li>
    3. Fill in the necessary information such as name, URL key, and description.<\/li>
    4. Under the Display Settings, make sure Include in Menu is set to Yes <\/em>so the category will show up in the navigation.<\/li>
    5. Drag and drop to reorder categories or subcategories directly in the Categories list.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"How<\/figure>\n\n\n\n
      \n

      How to Configure Maximal Depth of Top Menu in Magento 2:<\/p>\n\n\n\n

      1. Go to Stores > Settings > Configuration<\/strong> from the Admin sidebar.<\/li>
      2. Under the Catalog section on the left, click on Catalog<\/em>.<\/li>
      3. Expand the Category Top Navigation section.<\/li>
      4. You’ll see a field labeled Maximal Depth. This setting determines the number of levels of subcategories that will be displayed in the top menu.<\/li>
      5. Once you’ve entered the desired depth, click Save Config<\/em> to apply the changes.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
        \"How<\/figure>\n\n\n\n

        How to Improve Store Navigation in Magento 2<\/h2>\n\n\n\n

        For stores with larger catalogs, adding more subcategories to the top menu is not always effective. Deep category trees increase complexity and can slow down navigation.<\/p>\n\n\n\n

        Instead of expanding category depth, layered navigation provides a cleaner and more intuitive way for customers to find products. Magento 2 includes basic layered navigation functionality, allowing filtering by attributes such as size, color, brand, or price.<\/p>\n\n\n\n

        \n

        How to Enable Layered Navigation in Magento 2:<\/p>\n\n\n\n

        1. Navigate to Stores > Settings > Configuration<\/strong> in your Magento Admin Panel.<\/li>
        2. In the left-side panel, expand Catalog and click on Catalog<\/em>.<\/li>
        3. Expand the Layered Navigation<\/em> section.<\/li>
        4. Ensure “Display Product Count” is set to Yes<\/em> if you want customers to see how many products match each filter option.<\/li>
        5. Set “Price Navigation Step Calculation” to your preferred method (Automatic, Manual, or Automatic (equalize price ranges)).<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          To make attributes available for layered navigation, configure each attribute individually. For more guidance, see our Layered Navigation Management guide<\/a>.\u00a0<\/p>\n\n\n\n

          For stores with complex catalogs, the native layered navigation may have limitations. To streamline setup and provide a more refined experience, many merchants use Plumrocket Layered Navigation<\/a>. This extension enhances default functionality by offering:<\/p>\n\n\n\n