{"id":300811,"date":"2021-06-18T10:43:27","date_gmt":"2021-06-18T09:43:27","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&p=300811"},"modified":"2021-10-14T12:50:12","modified_gmt":"2021-10-14T11:50:12","slug":"blocksy","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/blocksy\/","title":{"rendered":"Blocksy"},"content":{"rendered":"

Using Max Mega Menu on Desktop<\/h3>\n

Under Mega Menu > Menu Locations<\/em>, enable Max Mega Menu for the “Header Menu 1” location. On the “Display Options” tab, copy the mega menu shortcode (<\/span> ).<\/p>\n

Next, go to Appearance > Customize<\/em> and open the Blocksy Header Builder.<\/p>\n

Replace the “Menu 1” block with an HTML block and paste in the menu shortcode:<\/p>\n

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

Full Width Sub Menus<\/h4>\n

By default any mega sub menus will only be as wide as the menu itself. To make sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus<\/em> and set the Panel Width (Outer) to:<\/p>\n

.ct-container<\/pre>\n
Using Max Mega Menu on Mobile<\/h3>\n
If you want to display your Max Mega Menu menu on mobile also, open the header builder and switch to the Mobile Header tab. Replace the Offcanvas Menu block with an HTML block. Paste in the menu shortcode:<\/p>\n
\"\"<\/a><\/p>\n
Fixing the display of the Mobile Menu<\/h4>\n
Go to Mega Menu > Menu Themes > Mobile Menu<\/em> and enable the “Disable Mobile Toggle Bar” option.<\/p>\n
You may find the mobile menu is floated to the left, to make it full width go to Appearance > Customize > Additional CS<\/em>S and add the following:<\/p>\n
#offcanvas .ct-header-text {\n\twidth: 100%;\n}<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Using Max Mega Menu on Desktop Under Mega Menu > Menu Locations, enable Max Mega Menu for the “Header Menu 1” location. On the “Display Options” tab, copy the mega menu shortcode ( ). Next, go to Appearance > Customize and open the Blocksy Header Builder. Replace the “Menu 1” block…<\/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-300811","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":"Using Max Mega Menu on Desktop Under Mega Menu > Menu Locations, enable Max Mega Menu for the “Header Menu 1” location. On the “Display Options” tab, copy the mega menu shortcode ( ). Next, go to Appearance > Customize and open the Blocksy Header Builder. Replace the “Menu 1” block...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/300811","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=300811"}],"version-history":[{"count":5,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/300811\/revisions"}],"predecessor-version":[{"id":315338,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/300811\/revisions\/315338"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=300811"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=300811"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=300811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}