{"id":138387,"date":"2018-01-09T14:15:08","date_gmt":"2018-01-09T14:15:08","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/astra-copy\/"},"modified":"2023-05-31T14:53:43","modified_gmt":"2023-05-31T13:53:43","slug":"betheme","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/betheme\/","title":{"rendered":"Betheme"},"content":{"rendered":"

New Instructions (Betheme v27+) – Using the Header Builder<\/h3>\n

Using the header builder is the most reliable way to integrate Max Mega Menu with BeTheme.<\/p>\n

First go to Templates > Add New<\/em> and create a new Header template.<\/p>\n

You can choose a prebuilt header template or start with a blank slate.<\/p>\n

To display Max Mega Menu within the header, first add a “Text \/ HTML” block to the layout, then paste in the menu shortcode (<\/span> *) to display the menu. Make sure the “Shortcodes parser” option is enabled.<\/p>\n

\"\"<\/a><\/p>\n

More information on how to use the BeTheme header builder can be found here<\/a>.<\/p>\n

Old Instructions<\/h3>\n

Fix residual styling issues<\/h3>\n

Add the following to your child themes functions.php file (note, the code will not work if it is applied to the parent theme, it must be applied to the child theme which is supplied by MuffinGroup<\/strong>):<\/p>\n

if( function_exists( 'max_mega_menu_is_enabled' ) ){\r\n    function mfn_wp_nav_menu(){\r\n        wp_nav_menu( array( 'theme_location' => 'main-menu' ) );\r\n    }\r\n}<\/pre>\n
Synchronise Mobile Menu with theme<\/h3>\n
Go to Mega Menu > Menu Themes > Mobile Menu<\/em> and set the following:<\/p>\n
Responsive Breakpoint: 768px
\n<\/strong>Disable Mobile Toggle Bar: enabled<\/strong><\/p>\n
Full Width Mega Sub Menus<\/h3>\n
To make the mega sub menus span the entire width of the page (rather than just the width of the menu bar), go to Mega Menu > Menu Themes<\/em> and select your active menu theme. Within the Mega Menus tab, set the Panel Width (Outer)<\/strong> to:<\/p>\n
.container .column<\/span><\/p>\n
Sticky Menu Height<\/h3>\n
If you are using the BeTheme sticky header option and need to reduce the height of the menu once it becomes sticky, go to Mega Menu > Menu Themes > Custom Styling<\/em> and add the following:<\/p>\n
.is-sticky #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {\r\n    height: 61px;\r\n    line-height: 61px;\r\n}<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
New Instructions (Betheme v27+) – Using the Header Builder Using the header builder is the most reliable way to integrate Max Mega Menu with BeTheme. First go to Templates > Add New and create a new Header template. You can choose a prebuilt header template or start with a blank…<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-138387","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":"New Instructions (Betheme v27+) – Using the Header Builder Using the header builder is the most reliable way to integrate Max Mega Menu with BeTheme. First go to Templates > Add New and create a new Header template. You can choose a prebuilt header template or start with a blank...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/138387","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=138387"}],"version-history":[{"count":11,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/138387\/revisions"}],"predecessor-version":[{"id":383120,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/138387\/revisions\/383120"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=138387"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=138387"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=138387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}