{"id":202435,"date":"2019-06-11T11:20:52","date_gmt":"2019-06-11T10:20:52","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/customify-copy\/"},"modified":"2020-07-31T14:56:03","modified_gmt":"2020-07-31T13:56:03","slug":"hestia","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/hestia\/","title":{"rendered":"Hestia"},"content":{"rendered":"<p>Hestia comes with a built in Max Mega Menu theme, so the first step is to go to <em>Appearance &gt; Menus &gt; Max Mega Menu Settings<\/em> and set the Theme to &#8220;Hestia&#8221;.<\/p>\n<p>If you want to use the default Max Mega Menu theme instead, make sure you have set the <em>Mega Menu &gt; Menu Themes &gt; Mobile Menu &gt; Responsive Breakpoint<\/em> option to 768px.<\/p>\n<h3>Mobile Menu<\/h3>\n<p>To make the mobile menu expand to the full width of the page, go to <em>Appearance &gt; Customize &gt; Additional CSS<\/em> and add the following:<\/p>\n<pre class=\"lang:default decode:true  \">@media (max-width: 768px) {\r\n    body.mega-menu-primary header div.container {\r\n        width: 100%;\r\n        padding: 0;\r\n        padding-top: 0 !important;\r\n    }\r\n    body.mega-menu-primary-mobile-open header div.container {\r\n        max-height: 100vh;\r\n        height: auto;\r\n    }\r\n    body.mega-menu-primary header .navbar-header {\r\n        display: none;\r\n    }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hestia comes with a built in Max Mega Menu theme, so the first step is to go to Appearance &gt; Menus &gt; Max Mega Menu Settings and set the Theme to &#8220;Hestia&#8221;. If you want to use the default Max Mega Menu theme instead, make sure you have set the&#8230;<\/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-202435","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":"Hestia comes with a built in Max Mega Menu theme, so the first step is to go to Appearance &gt; Menus &gt; Max Mega Menu Settings and set the Theme to &#8220;Hestia&#8221;. If you want to use the default Max Mega Menu theme instead, make sure you have set the...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/202435","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=202435"}],"version-history":[{"count":3,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/202435\/revisions"}],"predecessor-version":[{"id":255407,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/202435\/revisions\/255407"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=202435"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=202435"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=202435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}