{"id":15356,"date":"2016-04-18T11:48:04","date_gmt":"2016-04-18T10:48:04","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/faqs\/theme-integration\/avada-copy\/"},"modified":"2019-07-29T14:33:18","modified_gmt":"2019-07-29T13:33:18","slug":"enfold","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/enfold\/","title":{"rendered":"Enfold"},"content":{"rendered":"

Enfold v4 Update: Hide the Enfold Mobile Menu button\/burger icon<\/h3>\n

Go to Appearance > Editor<\/em> and select “functions.php” on the right. Add this to the bottom of the file:<\/p>\n

function avia_append_burger_menu() {\r\n\treturn \"\";\r\n}<\/pre>\n
Note: this code should be placed in your child themes functions.php file (or you will need to redo the edit every time the main Enfold theme is updated).<\/p>\n
Restore default\u00a0admin menu behaviour<\/h3>\n
Enfold includes it’s own Mega Menu functionality which stops the blue “Mega Menu” button from being able to be clicked on the Appearance > Menus<\/em> page.<\/p>\n
To fix this, go to Appearance > Editor<\/em> and select “functions.php” on the right. Add this to the bottom of the file:<\/p>\n
function restore_default_edit_walker() {\r\n   return 'Walker_Nav_Menu_Edit';\r\n}\r\nadd_filter( 'wp_edit_nav_menu_walker', 'restore_default_edit_walker' , 101);\r\n<\/pre>\n
Position the desktop menu<\/h3>\n
When you enable Max Mega Menu the menu will be positioned right at the top of the page.<\/p>\n
Under Mega Menu > Menu Themes<\/em>, use the Menu Padding and Menu Height options to\u00a0reposition the menu (add Top padding to move the menu down).<\/p>\n
Fix mobile menu<\/h3>\n
The CSS required to correct the position of the mobile menu will depend if you are using the default header style or the alternative header style.<\/p>\n
Default Header Style<\/strong><\/p>\n
By default the mobile menu will be positioned in the top right corner of the page. To push the mobile menu down onto a new line,\u00a0go to Enfold > General Styling > Quick CSS<\/em>\u00a0and enter the following:<\/p>\n
@media only screen and (max-width: 767px) {\r\n    .responsive #top #wrap_all .main_menu {\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n}<\/pre>\n
Alternative Header Style<\/strong><\/p>\n
If<\/strong> you are using the Alternative header style, go to Enfold > General Styling > Quick CSS<\/em>\u00a0and enter the following:<\/p>\n
@media only screen and (max-width: 989px) {\r\n    .responsive #top #wrap_all .main_menu,\r\n    .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {\r\n        display: none !important;\r\n    }\r\n    .responsive #header_main_alternate,\r\n    .responsive  #top #wrap_all #header_main_alternate .main_menu,\r\n    .responsive #top .av_mobile_menu_tablet #header_main_alternate {\r\n        display: block !important;\r\n        position: relative;\r\n    }\r\n    .responsive .av-burger-menu-main,\r\n    .responsive.html_mobile_menu_tablet .av-burger-menu-main {\r\n        display: none !important;\r\n    }\r\n}<\/pre>\n
Full width sub menus<\/h3>\n
To make the mega sub menus span the entire width of the page, go to Mega Menu > Menu Themes<\/em> and set the Panel Width (Outer) to:<\/p>\n
.container<\/p>\n
Remove search icon<\/h3>\n
Under Enfold > Main Menu<\/em>, uncheck “Append search icon to main menu”. You can replace this using the Max Mega Menu search<\/a> option.<\/p>\n
Displaying a custom mega menu\u00a0using the Enfold\u00a0Layout Editor<\/h3>\n
To display a Mega Menu using the Enfold layout editor, first add a “Grid Row” block to the layout. Then place\u00a0a “Code” block inside\u00a0the “Grid Row” block. Edit the Code block and paste in a menu shortcode (found under Mega Menu > Menu Locations<\/em>).<\/p>\n","protected":false},"excerpt":{"rendered":"
Enfold v4 Update: Hide the Enfold Mobile Menu button\/burger icon Go to Appearance > Editor and select “functions.php” on the right. Add this to the bottom of the file: function avia_append_burger_menu() { return “”; } Note: this code should be placed in your child themes functions.php file (or you will…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-15356","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-theme-integration"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"Enfold v4 Update: Hide the Enfold Mobile Menu button\/burger icon Go to Appearance > Editor and select “functions.php” on the right. Add this to the bottom of the file: function avia_append_burger_menu() { return \"\"; } Note: this code should be placed in your child themes functions.php file (or you will...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/15356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=15356"}],"version-history":[{"count":14,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/15356\/revisions"}],"predecessor-version":[{"id":208239,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/15356\/revisions\/208239"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=15356"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=15356"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=15356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}