{"id":163460,"date":"2018-07-25T17:20:54","date_gmt":"2018-07-25T16:20:54","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/stylic-copy\/"},"modified":"2018-08-03T10:17:50","modified_gmt":"2018-08-03T09:17:50","slug":"courtyard","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/courtyard\/","title":{"rendered":"Courtyard"},"content":{"rendered":"

Full Width Sub Menus<\/h3>\n

To make the mega sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus<\/em> and set the following:<\/p>\n

Submenu Width (Outer): body<\/span><\/p>\n

Submenu Width (Inner): .container<\/span><\/p>\n

Fix Mobile Menu<\/h3>\n

The theme will start displaying its own mobile menu toggle on screen sizes below 1200px.<\/p>\n

To stop the mobile menu from overlapping the “close” button, go to Appearance > Customize > Additional CSS<\/em> and add the following:<\/p>\n

@media screen and (max-width: 1200px) {\r\n    body.mega-menu-primary #mega-menu-wrap-primary {\r\n        top: 100px;\r\n        display: none;\r\n    }\r\n    .pt-menu-sm-wrap.pt-show #mega-menu-wrap-primary {\r\n        display: block;\r\n    }\r\n}<\/pre>\n
You may wish to adjust the “Responsive Breakpoint” and “Disable Mobile Toggle” options under Mega Menu > Menu Themes > Mobile Menu<\/em> to you liking. We would recommend setting the Responsive Breakpoint to 1200px (to match the theme responsive breakpoint) and enabling “Disable Mobile Toggle” (as the theme displays its own toggle button).<\/p>\n","protected":false},"excerpt":{"rendered":"
Full Width Sub Menus To make the mega sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the following: Submenu Width (Outer): body Submenu Width (Inner): .container Fix Mobile Menu The theme will start displaying its own mobile…<\/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-163460","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":"Full Width Sub Menus To make the mega sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the following: Submenu Width (Outer): body Submenu Width (Inner): .container Fix Mobile Menu The theme will start displaying its own mobile...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/163460","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=163460"}],"version-history":[{"count":8,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/163460\/revisions"}],"predecessor-version":[{"id":164549,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/163460\/revisions\/164549"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=163460"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=163460"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=163460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}