{"title":"Creating a Megamenu","id":35657,"link":"https:\/\/env.averta.net\/en\/step\/creating-a-megamenu\/","parent":[35053],"content":"<p>Megamenu is an additional possibility which Phlox adds for the navigation in your website. This menu item type?displays multiple columns in a single section which each column can contain a list of menu items.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-35820 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/header-megamenu.png\" alt=\"header-megamenu\" width=\"868\" height=\"477\" \/><\/p>\n<h3>Video Tutorial<\/h3>\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%;\"><iframe loading=\"lazy\" width=\"560\" style=\"position: absolute; width: 100%; height: 100%; left: 0; display: block;\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/Com7Bx9SPD4?rel=0\" frameborder=\"0\" encrypted-media\" allowfullscreen><\/iframe><\/div>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>You can find other additional menu features <a href=\"https:\/\/env.averta.net\/en\/step\/configuring-menu-general-options-in-phlox\/?b=35603,35603\" title=\"Configuring Menu General Options in Phlox\">here<\/a>.<\/p>\n<hr \/>\n<p>Following steps describe how to create a megamenu in WordPress menu section.<\/p>\n<h4>Step 1:<\/h4>\n<p>Go to the menu sections in the?admin area (Appearance?&gt; Menus) and add a menu item in root level or select one of the root menu items. Then expand it to see the options, as you can see, you can change the submenu type to Megamenu by checking the related option:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-35634\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phloxmegamenu-enable.png\" alt=\"phloxmegamenu-enable\" width=\"283\" height=\"500\" \/><\/p>\n<p>After enabling the megamenu type, you need to specify the number of columns in the submenu (Number of Columns option)<\/p>\n<div id=\"attachment_35636\" style=\"width: 367px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-35636\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-35636\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phloxmegamenu-cust.png\" alt=\"phloxmegamenu-cust\" width=\"357\" height=\"700\" \/><p id=\"caption-attachment-35636\" class=\"wp-caption-text\">The [Column]s will be title of each columns.<\/p><\/div>\n<h4>Step 2:<\/h4>\n<p>Drag and drop an item, as a sub-item, under this new megamenu. The mega menu will show this sub-item as a title of column.<\/p>\n<h4>Step 3:<\/h4>\n<p>Add some items to the [column] by drag and drop. These sub-items will appear in the columns.<\/p>\n","type":"solution"}