{"id":2565,"date":"2015-06-18T11:19:20","date_gmt":"2015-06-18T10:19:20","guid":{"rendered":"https:\/\/www.megamenu.com\/?page_id=2565"},"modified":"2018-05-30T15:02:43","modified_gmt":"2018-05-30T14:02:43","slug":"zerif-lite","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/zerif-lite\/","title":{"rendered":"Zerif Lite"},"content":{"rendered":"<p>Zerif Lite includes custom CSS that integrates Max Mega Menu and positions the mobile toggle button alongside the site title\/logo.<\/p>\n<p>In general,<strong> no theme edits are required<\/strong>.<\/p>\n<h3>Push Mobile Menu onto it&#8217;s own row<\/h3>\n<p>If you want to display the Max Mega Menu toggle bar on a new row below your site logo, use the following steps.<\/p>\n<p>These steps are <strong>optional<\/strong>.<\/p>\n<h4>Step 1<\/h4>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Mobile Menu<\/em> and set the following:<\/p>\n<p>Disable Mobile Toggle: <strong>un<\/strong>checked<br \/>\nResponsive Breakpoint: 767px.<\/p>\n<h4>Step 2<\/h4>\n<p>Go to <em>Mega Menu &gt; Menu Themes &gt; Custom Styling<\/em>\u00a0and add the following:<\/p>\n<pre class=\"lang:default decode:true\">@include mobile {\r\n    .mega-menu-primary #mega-menu-wrap-primary .mega-menu-toggle {\r\n         position: relative;\r\n         right: auto;\r\n         top: auto;\r\n         @include background($toggle_background_from, $toggle_background_to);\r\n         border: 0;\r\n         border-radius: 2px;\r\n         height: auto;\r\n         transition: none;\r\n     }\r\n}<\/pre>\n<p>The above CSS will place the toggle bar at full width below the site logo.<\/p>\n<h3>Hide theme logo on mobile<\/h3>\n<p>If you want to remove the site logo (so you can use the Logo <a href=\"https:\/\/www.megamenu.com\/documentation\/mobile-toggle-blocks\/\">mobile toggle block<\/a> option), add the following CSS:<\/p>\n<pre class=\"lang:default decode:true\">@include mobile {\r\n    .navbar-brand {\r\n        display: none !important;\r\n    }\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Zerif Lite includes custom CSS that integrates Max Mega Menu and positions the mobile toggle button alongside the site title\/logo. In general, no theme edits are required. Push Mobile Menu onto it&#8217;s own row If you want to display the Max Mega Menu toggle bar on a new row below&#8230;<\/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-2565","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":"Zerif Lite includes custom CSS that integrates Max Mega Menu and positions the mobile toggle button alongside the site title\/logo. In general, no theme edits are required. Push Mobile Menu onto it&#8217;s own row If you want to display the Max Mega Menu toggle bar on a new row below...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/2565","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=2565"}],"version-history":[{"count":5,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/2565\/revisions"}],"predecessor-version":[{"id":157191,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/2565\/revisions\/157191"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=2565"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=2565"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=2565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}