{"id":259,"date":"2017-12-12T12:19:02","date_gmt":"2017-12-12T12:19:02","guid":{"rendered":"http:\/\/rifetheme.com\/docs\/docs\/how-to\/add-a-menu\/using-mega-menu\/"},"modified":"2017-12-12T12:47:22","modified_gmt":"2017-12-12T12:47:22","slug":"using-mega-menu","status":"publish","type":"docs","link":"https:\/\/rifetheme.com\/help\/docs\/basic-setup\/menus\/using-mega-menu\/","title":{"rendered":"Using Mega Menu"},"content":{"rendered":"<p>We will talk here about such effect:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-263\" src=\"http:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_sample.png\" alt=\"\" width=\"1122\" height=\"234\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_sample.png 1122w, https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_sample-300x63.png 300w, https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_sample-768x160.png 768w, https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_sample-1024x214.png 1024w\" sizes=\"auto, (max-width: 1122px) 100vw, 1122px\" \/><\/p>\n<p>This kind of menu is intended for situations when you wish to show many sublinks in columns. It offers naming columns with linkable title.<\/p>\n<p>This is how you should arrange your menu items to make it work<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-264\" src=\"http:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_structure.png\" alt=\"\" width=\"536\" height=\"660\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_structure.png 536w, https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_structure-244x300.png 244w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/>First two levels of menu have different options available.<\/p>\n<ul>\n<li>Level 1:\n<ul>\n<li><strong>Enable mega menu?<\/strong>\u00a0&#8211; Only if checked other options will appear.<\/li>\n<li><strong>Number of columns<\/strong>\u00a0&#8211; Three variants.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-261\" src=\"http:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_level_1.png\" alt=\"\" width=\"440\" height=\"587\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_level_1.png 440w, https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_level_1-225x300.png 225w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/li>\n<li>Level 2\n<ul>\n<li><strong>Don&#8217;t show this item in mega menu. Show only descendants.\u00a0<\/strong>&#8211; if checked this item won&#8217;t appear.<\/li>\n<li><strong>Use HTML instead\u00a0<\/strong>&#8211; good for showing some linked image, or other special things. Sample HTML code for this can look like this<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre class=\"line-numbers\"><code class=\"language-markup\">&lt;a href=\"http:\/\/site.com\/shop\/\" alt=\"Big Sale!\"&gt;&lt;img style=\"display: block; width: 100%;\" src=\"http:\/\/site.com\/yourimage.jpg\" alt=\"\"&gt;&lt;\/a&gt;<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-262\" src=\"http:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_level_2.png\" alt=\"\" width=\"431\" height=\"729\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_level_2.png 431w, https:\/\/rifetheme.com\/wp-content\/uploads\/2017\/12\/mega_menu_level_2-177x300.png 177w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":217,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-259","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/comments?post=259"}],"version-history":[{"count":16,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/259\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/259\/revisions\/279"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/217"}],"next":[{"title":"Creating One Page menu","link":"https:\/\/rifetheme.com\/help\/docs\/basic-setup\/menus\/creating-one-page-menu\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8448"}],"prev":[{"title":"Menu Enhancements","link":"https:\/\/rifetheme.com\/help\/docs\/basic-setup\/menus\/menu-enhancements\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/254"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/media?parent=259"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/doc_tag?post=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}