{"id":137593,"date":"2018-01-02T15:15:36","date_gmt":"2018-01-02T15:15:36","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/salient-copy\/"},"modified":"2023-09-11T10:43:12","modified_gmt":"2023-09-11T09:43:12","slug":"astra","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/astra\/","title":{"rendered":"Astra"},"content":{"rendered":"

Fixing the mobile menu when using the Header Builder<\/h3>\n

First, open the Customiser and navigate to the Header Builder. Switch to the mobile view and remove the Toggle Button block:<\/p>\n

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

Next, add the “Widget 1” block to the layout:<\/p>\n

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

Add the “Max Mega Menu” widget to the widget area:<\/p>\n

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

Choose the menu location to display for your mobile menu in the widget settings:<\/p>\n

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

Restore Menu Alignment<\/h3>\n

By default the Astra menu is positioned to the right hand side of the page, and the menu item links are aligned to the right also.<\/p>\n

When Max Mega Menu is enabled the menu will be positioned next to the logo. To make the menu fill the header area, go to Appearance > Customize > Additional CSS<\/em>\u00a0and add the following:<\/p>\n

body.mega-menu-primary .header-main-layout-1 .ast-main-header-bar-alignment {\r\n    flex-grow: 1;\r\n}<\/pre>\n
If you want the menu item links to be aligned to the right hand side of the menu bar, go to Mega Menu > Menu Themes > Menu Bar<\/em> and set Menu Items Align to “Right”.<\/p>\n
Hide Duplicate Mobile Menu button<\/h3>\n
When Max Mega Menu is enabled for the Primary Menu location you will see 2 mobile toggle buttons.<\/p>\n
To remove the theme mobile toggle button, leaving you with just the Max Mega Menu toggle bar, go to Appearance > Customize > Additional CSS<\/em> and enter the following:<\/p>\n
.mega-menu-primary .main-header-bar-navigation {\r\n    display: block !important;\r\n}\r\n\r\n.mega-menu-primary .ast-mobile-menu-buttons {\r\n    display: none !important;\r\n}<\/pre>\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:<\/p>\n
Panel Width (Outer)<\/strong>: body<\/span><\/p>\n
Panel Width (Inner)<\/strong>: .ast-container<\/span><\/p>\n
“Ghost” Menu<\/h3>\n
If you are seeing a “ghost”\/duplicated menu in the header, go to Mega Menu > Menu Themes > Custom Styling<\/em> and add the following:<\/p>\n
#{$wrap} #{$menu} {\r\n    visibility: inherit;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"
Fixing the mobile menu when using the Header Builder First, open the Customiser and navigate to the Header Builder. Switch to the mobile view and remove the Toggle Button block: Next, add the “Widget 1” block to the layout: Add the “Max Mega Menu” widget to the widget area: Choose…<\/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-137593","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":"Fixing the mobile menu when using the Header Builder First, open the Customiser and navigate to the Header Builder. Switch to the mobile view and remove the Toggle Button block: Next, add the “Widget 1” block to the layout: Add the “Max Mega Menu” widget to the widget area: Choose...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/137593","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=137593"}],"version-history":[{"count":14,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/137593\/revisions"}],"predecessor-version":[{"id":393632,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/137593\/revisions\/393632"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=137593"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=137593"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=137593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}