{"id":52365,"date":"2015-08-18T03:25:14","date_gmt":"2015-08-18T07:25:14","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=52365"},"modified":"2015-11-23T07:34:38","modified_gmt":"2015-11-23T12:34:38","slug":"monstroid-how-to-manage-navigation-mega-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/monstroid-how-to-manage-navigation-mega-menu.html","title":{"rendered":"Monstroid. How to manage Navigation (Mega Menu)"},"content":{"rendered":"Monstroid. How to manage Navigation (Mega Menu)<\/a>\r\n

This tutorial will show you how to work with Mega Menu in Monstroid template.<\/p>\r\n\"Monstroid.<\/a>\r\n

    \r\n
  1. Go to Appearance – Menus<\/strong>. Make sure that Header Menu (Primary) is selected: \r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n
  2. \r\n

    Hover over menu item. Click Mega Menu <\/strong>button:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  3. \r\n

    Mega Menu is powered by widgets. Basically, you can add appropriate widgets and they will appear in sub menu. In our case all widgets are Custom Menus: <\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  4. \r\n

    Click on Edit<\/strong> icon and you will see widget settings. Click on Delete<\/strong> in order to remove the widget:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n\r\n<\/li>\r\n

  5. \r\n

    You can specify width of widget by clicking on "-" or "+"<\/strong> icons:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  6. \r\n

    Now we are going to create custom menu and assign it to Mega Menu using Custom menu widget. <\/strong> Go to Appearance – Menus. <\/strong>Click on create a new menu<\/strong>:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  7. \r\n

    Select appropriate pages and add them to Menu. We have added Terms<\/strong> menu item:<\/strong><\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  8. \r\n

    Open Header Menu (Primary) menu <\/strong>and add menu item to it. We have added Terms menu item<\/strong>. Click on Mega Menu<\/strong> button:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  9. \r\n

    Enable Mega menu using checkbox. Select appropriate widget. We are going to add Search widget and Custom menu widget: <\/p>\r\n\r\n\"Monstroid.<\/a>\r\n \r\n

    For custom menu widget you should specify custom menu we have created previously. In our case custom menu is called Terms menu<\/strong>:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n\r\n

  10. \r\n

    You can change order of widgets. Just drag widget and change its position: <\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  11. \r\n

    We have added Menu item with Mega Menu:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n <\/li>\r\n

  12. \r\n

    In Settings tab of Mega menu you can specify layout settings like grouping Mega Menu widgets in columns, specify Layout of sub menus. You can also set width for appropriate screen resolutions. You can hide sub menu on mobile device using appropriate checkbox. In this case sub menu will not appear on mobile devices:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  13. \r\n

    Media tab allows setting icons and arrows for menu items. You can select icon for parent menu item or change icon for arrow. You can also disable arrow using appropriate checkbox:<\/p>\r\n\r\n\"Monstroid.<\/a>\r\n<\/li>\r\n

  14. \r\n

    Refresh the page and check your site. We have added the icon to menu item and changed the arrow: <\/p>\r\n\r\n\"Monstroid.<\/a>\r\n <\/li>\r\n<\/ol>\r\n\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nMonstroid. How to manage Navigation (Mega Menu)<\/a>","protected":false},"excerpt":{"rendered":"

    This tutorial will show you how to work with Mega Menu in Monstroid template.<\/p>\n","protected":false},"author":39,"featured_media":52384,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[1835,571,2019,634],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52365"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=52365"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52365\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/52384"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=52365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=52365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=52365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}