{"id":45877,"date":"2015-04-06T03:24:29","date_gmt":"2015-04-06T07:24:29","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=45877"},"modified":"2016-02-24T02:45:03","modified_gmt":"2016-02-24T07:45:03","slug":"drupal-7-x-how-to-create-drop-down-menu-submenu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/drupal-7-x-how-to-create-drop-down-menu-submenu.html","title":{"rendered":"Drupal 7.x. How to create drop-down menu (submenu)"},"content":{"rendered":"

\r\n

This video tutorial will show how to create drop-down menu (submenu) in Drupal 7.x.<\/strong> <\/p>\r\n

Drupal 7.x. How to create drop-down menu (submenu)<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Go to Structure<\/strong> -> Menus<\/strong> -> Main Menu<\/strong>: <\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n

  2. \r\n

    We need the Main menu<\/strong>. Click on add link<\/strong> in order to add new menu item:<\/p>\r\n

    \"Drupal<\/a>\r\n <\/li>\r\n

  3. \r\n

    Create the title for the new menu item, add URL<\/strong> (internal or external), then select the parent for the item and press Save<\/strong> button:<\/p>\r\n

    \"Drupal<\/a>\r\n <\/li>\r\n

  4. \r\n

    Save the changes and check your site:<\/p>\r\n

    \"Drupal<\/a>\r\n\t<\/li>\r\n

  5. \r\n

    We are going to add submenu<\/strong> items, go back to Structure<\/strong> -> Menus<\/strong> -> Main Menu<\/strong>, then press Add link<\/strong> button:<\/p>\r\n

    \"Drupal<\/a>\r\n\t<\/li>\r\n

  6. \r\n

    Create submenu item title<\/strong>, add URL<\/strong>, in radio box select New Menu<\/strong> item as a parent:<\/p>\r\n

    \"Drupal<\/a>\r\n <\/li>\r\n

  7. \r\n

    Create one more submenu item, do the same steps as for the first sub-item:<\/p>\r\n

    \"Drupal<\/a>\r\n\t<\/li>\r\n

  8. \r\n

    Save the changes and check your site:<\/p>\r\n

    \"Drupal<\/a>\r\n\t<\/li>\r\n

  9. \r\n

    Let’s change the position of the items from vertical to horizontal.<\/p>\r\n<\/li>\r\n

  10. \r\n

    Go to Structure<\/strong> -> Menus<\/strong>, select second submenu item, then press cross symbol<\/strong> and align to the left to match with the first submenu item:<\/p>\r\n

    \"Drupal<\/a>\r\n\t<\/li>\r\n

  11. \r\n

    Save the changes and check your site:<\/p>\r\n

    \"Drupal<\/a>\r\n\t<\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    Drupal 7.x. How to create drop-down menu (submenu)<\/a><\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    This video tutorial will show how to create drop-down menu (submenu) in Drupal 7.x.<\/p>\n","protected":false},"author":73,"featured_media":45891,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[723],"tags":[920,593,1840],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45877"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=45877"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45877\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/45891"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=45877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=45877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=45877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}