{"id":5683,"date":"2015-09-17T09:58:24","date_gmt":"2015-09-17T09:58:24","guid":{"rendered":"https:\/\/wpopal.com\/?p=5683"},"modified":"2015-09-17T09:58:24","modified_gmt":"2015-09-17T09:58:24","slug":"how-to-create-megamenu-new-version-in-octopus","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/how-to-create-megamenu-new-version-in-octopus\/","title":{"rendered":"How to Create Megamenu (New Version) in Octopus"},"content":{"rendered":"<p>In recent time, we have updated <a class=\"blue\" href=\"https:\/\/wpopal.com\/welcome-wordpress-4-3-1-security-and-maintenance-release\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress 4.3.1<\/a> and faced with many other changes, which cause many conflict, errors in the process of setting up theme. Our customers usually meet some matters to create megamenu for the website. Before, Opal WordPress guided you 2 blogs\u00a0<a class=\"blue\" href=\"https:\/\/wpopal.com\/how-to-config-vertical-menu-on-golmart-wordpress-theme\/\" rel=\"nofollow noopener\" target=\"_blank\">How to config Vertical Menu<\/a>\u00a0and\u00a0<a class=\"blue\" href=\"https:\/\/wpopal.com\/how-to-config-megamenu-editor-and-megamenu-vertical-editor\/\" rel=\"nofollow noopener\" target=\"_blank\">How to config Megamenu Editor and Megamenu Vertical Editor<\/a>. In today&#8217;s tutorial, we will instruct you\u00a0<strong>How to Create Megamenu (New Version) in Octopus<\/strong>.\u00a0Hoping through this writing, you can config it well yourself.<br \/>\n<span style=\"text-decoration: underline;\"><strong>Step 1<\/strong><\/span>: From <strong>Dashboard<\/strong> go to <strong>Opal Megamenu. <\/strong>In this part, we create 6 Megamenu for homepage (examples)<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/mega1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-5687 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/mega1.jpg\" alt=\"mega\" width=\"704\" height=\"380\" title=\"\"><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 2<\/strong><\/span>: Besides, you can <strong>Add new profile<\/strong> you like to show on the homepage (For example: You create a new profile &#8220;Shop&#8221; )<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/add1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"size-full wp-image-5686 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/add1.jpg\" alt=\"add\" width=\"704\" height=\"425\" title=\"\"><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 3<\/strong><\/span>: Then use <strong>Visual Composer<\/strong> to add the element <strong>WP Custom Menu<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/VC.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" class=\"size-full wp-image-5690 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/VC.jpg\" alt=\"VC\" width=\"704\" height=\"386\" title=\"\"><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 4<\/strong><\/span>: Config <strong>WP Custom Menu<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/icon2.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5691 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/icon2.jpg\" alt=\"icon\" width=\"704\" height=\"352\" title=\"\"><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 5<\/strong><\/span>: Set up <strong>Menus<\/strong> to show Megamenu (<strong>From Dashboard -&gt; Appearance -&gt; Menus -&gt;Choose Main Menu<\/strong>).<br \/>\nIn this case, you don&#8217;t want to show Megamenu for an item of Menu, you can choose <strong>Disable<\/strong> and The Homepage only shows its submenu.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/menus.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5692 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/menus.jpg\" alt=\"menus\" width=\"704\" height=\"462\" title=\"\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/blog.png\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5693 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/blog.png\" alt=\"blog\" width=\"589\" height=\"475\" title=\"\"><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 6<\/strong><\/span>: Finally it shows <strong>Megamenu<\/strong> on the Homepage (<strong>Front page<\/strong>)<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/front1.jpg\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5694 aligncenter\" src=\"https:\/\/wpopal.com\/wp-content\/uploads\/2015\/09\/front1.jpg\" alt=\"front\" width=\"700\" height=\"367\" title=\"\"><\/a><\/p>\n<p>Hoping through our above tutorial, you know <strong>How to Create Megamenu (New Version) in Octopus<\/strong>\u00a0perfectly.\u00a0In the process of reading it, you meet any difficulties, please leave a below comment or contact us directly via email or skype, we will update it immediately. Your suggestions are really meaningful and precious with us helping us to be more perfect. Hoping your website will be longer\u00a0with customers. Remember to\u00a0follow our social channels\u00a0such as\u00a0<a class=\"blue\" href=\"https:\/\/www.facebook.com\/opalwordpress\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Facebook<\/a>, <a class=\"blue\" href=\"https:\/\/twitter.com\/?lang=en\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Twitter<\/a>, <a class=\"blue\" href=\"https:\/\/www.linkedin.com\/home?trk=nav_responsive_tab_home\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Linkedin<\/a>, <a class=\"blue\" href=\"https:\/\/www.youtube.com\/user\/WPOpalTheme\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Youtube,<\/a> <a class=\"blue\" href=\"https:\/\/www.pinterest.com\/cunconvp192\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Pinterest<\/a>\u00a0to get the newest information!<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-success\" href=\"http:\/\/themeforest.net\/item\/octopus-multipurpose-business-wordpress-theme\/full_screen_preview\/11776566?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Live Demo<\/a> <a class=\"btn btn-danger\" href=\"http:\/\/themeforest.net\/item\/octopus-multipurpose-business-wordpress-theme\/11776566?ref=opal_wp\" rel=\"nofollow noopener\" target=\"_blank\">Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In recent time, we have updated WordPress 4.3.1 and faced with many other changes, which cause many conflict, errors in the process of setting up theme. Our customers usually meet some matters to create megamenu for the website. Before, Opal WordPress guided you 2 blogs\u00a0How to config Vertical Menu\u00a0and\u00a0How to config Megamenu Editor and Megamenu [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30840,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-5683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/comments?post=5683"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/posts\/5683\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media\/30840"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/media?parent=5683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/categories?post=5683"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.wpopal.com\/wpopal\/wp-json\/wp\/v2\/tags?post=5683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}