{"id":5987,"date":"2018-03-07T23:57:53","date_gmt":"2018-03-07T14:57:53","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=5987"},"modified":"2019-01-31T09:47:23","modified_gmt":"2019-01-31T09:47:23","slug":"mega-menu","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/mega-menu\/","title":{"rendered":"Mega Menu"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-d7126db2f0fee30ab053e1f949d0feb1\">\n#top .av-special-heading.av-av_heading-d7126db2f0fee30ab053e1f949d0feb1{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-d7126db2f0fee30ab053e1f949d0feb1 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-d7126db2f0fee30ab053e1f949d0feb1 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-d7126db2f0fee30ab053e1f949d0feb1 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Mega Menu<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-1xyohv7-3d613a56c7dbb19263c1d6d2a8096c81 hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1wnyeb7-294c3e0da5a8c1c4332585879c9672e3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1v8zwn7-dbd8a342eb9076b8b2b295ccc6d26950 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Whenever you have a large number of menu items it is best to use mega menus. The mega menu will help you categorise the menu items and also lets you add images to the menu and give a visual clue about each section.<\/p>\n<\/div><\/section>\n<div  class='hr av-1tckzir-d5d089ebf617d2876158b9c8652c5549 hr-default  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1rkb8rn-6b6a277f92070b7391dfd2aeeb4baae9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>How to use the mega menu?<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1pkkidf-e310986e96041f7edf07420f2e1958b2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Enfold comes with the ability to make your main menu into a\u00a0<em><strong>Mega Menu<\/strong><\/em><strong>\u00a0<\/strong>which allows your sub menu dropdowns to support images, html and columns. For example, you may have noticed this menu on the\u00a0<a href=\"http:\/\/www.kriesi.at\/themes\/enfold\/\">theme demo<\/a>:<\/p>\n<\/div><\/section>\n<div  class='avia-video av-63b5ar-4a74fe5cfbf60170c694e100ac38562c avia-video-16-9 av-no-preview-image avia-video-load-always av-lazyload-immediate av-lazyload-video-embed'  itemprop=\"video\" itemtype=\"https:\/\/schema.org\/VideoObject\"  data-original_url='https:\/\/vimeo.com\/92503669'><script type='text\/html' class='av-video-tmpl'><div class='avia-iframe-wrap'><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/92503669?autoplay=0&loop=0&controls=1&muted=0\" width=\"1500\" height=\"844\" frameborder=\"0\" title=\"Getting Started with the Mega Menu\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/div><\/script><div class='av-click-to-play-overlay'><div class=\"avia_playpause_icon\"><\/div><\/div><\/div>\n<div  class='hr av-1n7tger-e0b6fca91d09d553b1e0d0d7f0ceee1d hr-default  avia-builder-el-8  el_after_av_video  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1kf29pf-f65c76d2ed6ca01e12e264c3bb688749 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Create submenu rows and columns<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1js4v77-7dcd0a03edb650c622cb7985db11a8c8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To activate the mega menu expand the menu item and select the &#8220;Use as Mega Menu&#8221; option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6279\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/Activate.png\" alt=\"\" width=\"428\" height=\"400\" \/><\/p>\n<p><strong>Add submenu<\/strong> items under the menu item which has been selected to use as a Mega Menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6280\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/default-structure.png\" alt=\"\" width=\"492\" height=\"687\" \/><\/p>\n<p>This should give you a basic Mega Menu as seen below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6282\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/default-megamenu.png\" alt=\"\" width=\"1267\" height=\"219\" \/><\/p>\n<p>Let&#8217;s display the submenu items in two rows say 1 &#8211; 3 in the first row and 4 &#8211; 6 in the second. To do so expand the submenu item which need&#8217;s to start in a new row and select the option &#8220;This column should start in a new row&#8221;. We will do that for the fourth menu item.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6283\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/start-new-row.png\" alt=\"\" width=\"482\" height=\"569\" \/><\/p>\n<p>This will start a new row as seen below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6284\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/new-row.png\" alt=\"\" width=\"1307\" height=\"327\" \/><\/p>\n<p>Let&#8217;s add more menu items for each of submenu to create a true Mega Menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6288\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/mega-menu-columns.png\" alt=\"\" width=\"526\" height=\"623\" \/><\/p>\n<p>Adding more menu items under the submenu items will give us the result below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6286\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/Mega-menu.png\" alt=\"\" width=\"933\" height=\"321\" \/><\/p>\n<p>To create a vertical mega menu simply select &#8220;This column should start in a new row&#8221; for 2nd and 3rd menu items. The result will be as seen below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6290\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/vertical.png\" alt=\"\" width=\"390\" height=\"556\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-1h5xnv7-e422b16ecb92ebc8e27eb48e711ff269 hr-default  avia-builder-el-11  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1g4qxf7-f1558ecac953909bc1186d36a1a8b434 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Code Snippets<\/h2>\n<\/div><\/section>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-13  el_after_av_textblock  el_before_av_hr '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div>\n<div  class='hr av-1cl8isj-14b4ea529831f7bbec341ab944938339 hr-default  avia-builder-el-14  el_after_av_sidebar  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-h6hf7-83aadc60c7570db1a3a49a730e038ae6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>CSS Reference<\/h3>\n<\/div><\/section>\n\n<div  class='hr av-18jjys3-0a806b4d500a198b9531275095e7e27c hr-default  avia-builder-el-17  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-45h7r7-ab624816fc7a603e89c691746503e679 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<div  class='hr av-14wmykj-588eb2265fafb572649c8c799b6b92e5 hr-default  avia-builder-el-19  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-13b0ucz-b3d9ba862e80b973b849c51414d8ab81 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Scroll mega menu dropdown<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-11rn3o3-b8e35d4cd0c55d5ad9f8e892d961a0e5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To make the mega menu dropdown scrollable please use the CSS below.<\/p>\n<pre><code> \r\n\/* Scrollable mega menu dropdown *\/\r\n#header .avia_mega_div {\r\n    overflow: auto!important;\r\n    max-height: calc(100vh - 200px);\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-z0250z-3f66e27278d1bf2f08d1c80c57eaf415 hr-default  avia-builder-el-22  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-yeyr2b-354506ae93e2d11706d2be4150edd9aa '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Add Images to mega menu<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wzr1lv-0837a4939889c74470d1a8418332ff89 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>In the below example we will select a blog page and make it a mega menu with different sections and images to visually represent each section.<\/p>\n<p>Go to Appearance &gt; Menu Editor.<\/p>\n<p>First, let&#8217;s add a menu item by selecting an existing page\/post or you can even add a &#8220;Custom Links&#8221; and tick the \u201cUse as Mega Menu\u201d option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6008\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/use-as-mega-menu.png\" alt=\"\" width=\"556\" height=\"319\" \/><\/p>\n<p>Next step is to add another menu item from the &#8220;Custom Link&#8221; section and drag it slightly to the right of the &#8220;Blog&#8221; menu item above it. This will create a hierarchy or a parent-child\u00a0relationship.\u00a0Any menu item\u00a0added under a parent menu item becomes a child menu and automatically appears in the drop-down section.<\/p>\n<p>To add a <strong>clickable image<\/strong>\u00a0edit the child menu URL and\u00a0Navigation Label.\u00a0 Change the &#8220;URL&#8221; to a prefered link and in place of the &#8220;Link Text&#8221; add the HTML code for the image.<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-sxh9pf-cce7b25aa7de9bb63f5ee2c11cd12fc1 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6009\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/mega-menu-clickable-image.png\" alt=\"\" width=\"891\" height=\"642\" \/><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-9lf6b-16a44ec4504aa69b237eb038b0a4ad3d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To add an image that is not clickable we need to repeat the previous step so we can make use of the submenu description field to add our image. Add another menu item from the \u201cCustom Link\u201d section and drag it slightly to the right of the previous child menu we added. Add a &#8220;-&#8221; in the &#8220;Link text&#8221; area and the HTML image code in the description area as shown in the below image. (A &#8220;-&#8221; is necessary if not WordPress will delete menu items with empty labels).<\/p>\n<p>Lastly, you need to check the \u201cUse the description to create a Text Block. Don&#8217;t display this item as a link. (note: don&#8217;t remove the label text, otherwise, wordpress will delete the item)\u201d option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6012\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/mega-menu-image.png\" alt=\"\" width=\"888\" height=\"646\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-p9q98z-42b4fa750f5b95be9f6f289115ecf92f hr-default  avia-builder-el-28  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-os4gw3-5e21392eda007baf0e6c45de4f866069 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Replace mega menu arrows with custom icon<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-m0lfoz-1426619a36122ab9b1d1d93e2997438b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To replace the default mega menu arrow with a custom icon,\u00a0please\u00a0change the\u00a0<a href=\"http:\/\/localhost\/enfold\/documentation\/icon\/#how-to-find-the-icon-unicode\" target=\"_blank\" rel=\"noopener\">Icon Unicode<\/a>\u00a0and add this code to the Quick CSS section under Enfold &gt; General Styling or to your child theme\u2019s style.css file:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6618\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/03\/mega-menu-arrows.png\" alt=\"\" width=\"1006\" height=\"230\" \/><\/p>\n<pre> \r\n\r\n\/* Mega menu arrows *\/\r\n\r\n#top .avia-bullet {\r\n  border: none!important;\r\n  background:red!important;\r\n    padding:0;\r\n    margin: 0 10px 0 0!important;    \r\n}\r\n#top .avia-bullet:before {\r\n    content: \"e812\";\r\n    font-family: 'entypo-fontello';    \r\n    font-size:11px;\r\n    line-height:1em;\r\n    position:absolute;\r\n    top:10px;\r\n    left:-3px;\r\n}\r\n<\/pre>\n<\/div><\/section>\n<div  class='hr av-kispgz-5c8684e2e8fc19768a66f088579447b1 hr-default  avia-builder-el-31  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-jpolzn-a470fce7541c26b5fcb747a9ebb85e60 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Troubleshoot<\/h2>\n<\/div><\/section>\n<div  class='hr av-gzel5v-ddf781e2a222f9ab24efc63b5cd60dd2 hr-default  avia-builder-el-33  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-g3lm0z-1f8eb1c81b6276c09c11e2b4e96a0fdc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Mega menu appears as a normal menu<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-etbsw3-689a1032f129ac84ef8a6d9a9194cffc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Having trouble with the mega menu options or the way it appears on the frontend? The first thing to check is if any plugin is having a conflict. We have had issues with plugins like Popup Maker.<\/p>\n<p>For testing purpose deactivate all the plugin and see if the issue persist. If the problem exists only when the plugin is active please perform the below steps.<\/p>\n<p>Go to the Popup Maker plugin\u2019s Settings &gt; Misc panel then tick the \u201cDisable Popups Menu Editor\u201d option.<\/p>\n<p>And lastly, add the below code at the end of the functions.php file.<\/p>\n<\/div><\/section>\n\n<div  class='hr av-avvmzn-ad8e706dbe73923db0c5adb3924e60d6 hr-default  avia-builder-el-37  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-9cwgzn-2a33c0329b33a1dc059cc7c248dcb9c2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Resource<\/h2>\n<\/div><\/section>\n<section  class='av_textblock_section av-rqpoz-4cc8522629910767a7f4aaeb0fcacede '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>UberMenu integration<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-557nhf-49a322f33d97df9b19c2f76694c3772b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>You can find the integration guide for using UberMenu with the Enfold theme here: <a href=\"http:\/\/sevenspark.com\/docs\/ubermenu-enfold\" target=\"_blank\" rel=\"noopener\">http:\/\/sevenspark.com\/docs\/ubermenu-enfold<\/a><\/p>\n<\/div><\/section>\n<div  class='hr av-4ou0mr-3e5f592365966ce531a013d397588a66 hr-default  avia-builder-el-41  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1v86j7-af6ffc1b8d14b0360d65668a2638b7d6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Contributed video<\/strong>:<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=NB5Uyrvw86Q\"> Mega Menu Element Tutorial <\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2,12],"tags":[],"class_list":["post-5987","post","type-post","status-publish","format-standard","hentry","category-documentation","category-explore","documentation","explore"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=5987"}],"version-history":[{"count":4,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5987\/revisions"}],"predecessor-version":[{"id":12369,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5987\/revisions\/12369"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=5987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=5987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=5987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}