{"id":22896,"date":"2023-08-03T12:54:19","date_gmt":"2023-08-03T09:54:19","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=22896"},"modified":"2024-03-26T16:54:04","modified_gmt":"2024-03-26T14:54:04","slug":"dropdown-menu","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/dropdown-menu\/","title":{"rendered":"Create a dropdown menu"},"content":{"rendered":"\n

Creating menus is a WordPress function. You can use the Elementor Nav Menu Widget (Pro) or your theme to display the menus. For details, see WordPress Menu Widget<\/a>.<\/p>\n\n\n\n

[callout type=”note”]Check out the Elementor Menu widget for a more streamlined way to create menus and mega menus. For more details, see Menu Widget<\/a>.[\/callout]<\/p>\n\n\n\n

Create a menu<\/h2>\n\n\n\n

Follow these steps:<\/strong><\/p>\n\n\n\n

    \n
  1. Login to WP Admin.<\/li>\n\n\n\n
  2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.
    \"Create<\/li>\n\n\n\n
  3. Enter Menu Name<\/strong>.<\/li>\n\n\n\n
  4. (Optional) If you want to automatically add the top level pages to the menu, check Auto add pages<\/strong>.<\/li>\n\n\n\n
  5. (Optional) Check Display location<\/strong>. This is the location where the menu displays on the website.<\/li>\n\n\n\n
  6. Click Create Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    Delete a menu<\/h2>\n\n\n\n

    Follow these steps:<\/strong><\/p>\n\n\n\n

      \n
    1. Login to WP Admin.<\/li>\n\n\n\n
    2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.
      \"Create<\/li>\n\n\n\n
    3. Click Delete Menu<\/strong>. A confirmation message shows.<\/li>\n\n\n\n
    4. Click OK<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Create multiple menus<\/h2>\n\n\n\n

      Follow these steps:<\/strong><\/p>\n\n\n\n

        \n
      1. Login to WP Admin.<\/li>\n\n\n\n
      2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.<\/li>\n\n\n\n
      3. Click Create a new menu<\/strong>.
        \"Create<\/li>\n<\/ol>\n\n\n\n

        Add pages to menus<\/h2>\n\n\n\n

        [callout type=”note”]You should create a menu before adding pages to it.[\/callout]<\/p>\n\n\n\n

        Follow these steps:<\/strong><\/p>\n\n\n\n

          \n
        1. Login to WP Admin.<\/li>\n\n\n\n
        2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.<\/li>\n\n\n\n
        3. Under the Add menu items<\/strong> panel, expand Pages<\/strong>.
          \"Create<\/li>\n\n\n\n
        4. Select the pages you wish to insert and click Add to Menu<\/strong>. The selected items appear on the right.
          \"Create<\/li>\n\n\n\n
        5. Click Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n

          [callout type=”note”]You can drag and drop to change the position of the menu items.[\/callout]<\/p>\n\n\n\n

          \"Create<\/figure>\n\n\n\n

          Remove pages from menu<\/h2>\n\n\n\n

          Follow these steps:<\/strong><\/p>\n\n\n\n

            \n
          1. Login to WP Admin.<\/li>\n\n\n\n
          2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.<\/li>\n\n\n\n
          3. Click Bulk Select<\/strong>. Checkboxes appear for the list of menu items.
            \"Create<\/li>\n\n\n\n
          4. Check the menu items (pages) that you want to remove. The list of checked items selected for deleted shows.<\/li>\n\n\n\n
          5. Click Remove Selected Items<\/strong>.<\/li>\n<\/ol>\n\n\n\n

            The pages get removed from the menu.<\/p>\n\n\n\n

            Create submenus<\/h2>\n\n\n\n

            Follow these steps:<\/strong><\/p>\n\n\n\n

              \n
            1. Login to WP Admin.<\/li>\n\n\n\n
            2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.<\/li>\n\n\n\n
            3. Drag and drop an item so that it is placed under the parent item slightly indented.
              \"Create<\/li>\n\n\n\n
            4. Click Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n

              Add custom links to a menu<\/h2>\n\n\n\n

              You may add external URLs, anchor links, and placeholder links by using the Custom Links option.<\/p>\n\n\n\n

              Follow these steps:<\/strong><\/p>\n\n\n\n

                \n
              1. Login to WP Admin.<\/li>\n\n\n\n
              2. Go to Appearance > Menus<\/strong>.The Menus<\/strong> page shows.<\/li>\n\n\n\n
              3. Under the Add menu items<\/strong> panel, expand Custom Links<\/strong>.
                \"Create<\/li>\n\n\n\n
              4. Enter the following:\n