{"id":404523,"date":"2024-02-20T10:10:53","date_gmt":"2024-02-20T10:10:53","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&p=404523"},"modified":"2024-02-20T10:16:59","modified_gmt":"2024-02-20T10:16:59","slug":"zakra-free","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/zakra-free\/","title":{"rendered":"Zakra (Free)"},"content":{"rendered":"\r\n

This guide is for the Zakra theme hosted on wordpress.org.<\/p>\r\n

Fix Mobile Menu<\/h3>\r\n

Step 1<\/h4>\r\n\r\n\r\n\r\n

Copy the template-parts\/header\/primary-menu\/mobile-toggle.php file to your child theme<\/a>.<\/p>\r\n\r\n\r\n\r\n

Find (line 47):<\/p>\r\n

\t<nav id=\"zak-mobile-nav\" class=\"<?php zakra_css_class( 'zakra_mobile_nav_class' ); ?>\"\r\n\r\n\t\t<?php echo wp_kses_post( apply_filters( 'zakra_nav_data_attrs', '' ) ); ?>>\r\n\r\n\t\t<div class=\"zak-mobile-nav__header\">\r\n\t\t\t<?php if ( get_theme_mod( 'zakra_enable_header_search', true ) ) : ?>\r\n\t\t\t\t<?php get_search_form(); \/\/ Header search. ?>\r\n\t\t\t<?php endif; ?>\r\n\r\n\t\t\t<!-- Mobile nav close icon. -->\r\n\t\t\t<button id=\"zak-mobile-nav-close\" class=\"zak-mobile-nav-close\" aria-label=\"<?php esc_attr_e( 'Close Button', 'zakra' ); ?>\">\r\n\t\t\t\t<?php zakra_get_icon( 'x-mark' ); ?>\r\n\t\t\t<\/button>\r\n\t\t<\/div> <!-- \/.zak-mobile-nav__header -->\r\n\r\n\t\t<?php\r\n\t\twp_nav_menu(\r\n\t\t\tarray(\r\n\t\t\t\t'theme_location' => apply_filters( 'zakra_mobile_menu_location', 'menu-primary' ),\r\n\t\t\t\t'menu_id'        => 'zak-mobile-menu',\r\n\t\t\t\t'menu_class'     => 'zak-mobile-menu',\r\n\t\t\t\t'container'      => '',\r\n\r\n\t\t\t\t'fallback_cb'    => function() {\r\n\t\t\t\t\trequire get_template_directory() . '\/inc\/class-zakra-walker-page.php';\r\n\t\t\t\t\t$output = '<ul id=\"zak-mobile-menu\" class=\"zak-mobile-menu\">';\r\n\r\n\t\t\t\t\t$output .= wp_list_pages(\r\n\t\t\t\t\t\tarray(\r\n\t\t\t\t\t\t\t'echo'               => false,\r\n\t\t\t\t\t\t\t'title_li'           => false,\r\n\t\t\t\t\t\t\t'walker'             => new Zakra_Walker_Page(),\r\n\t\t\t\t\t\t\t'has_children_class' => 'menu-item-has-children',\r\n\t\t\t\t\t\t\t'current_class'      => 'current-menu-item',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\t$output .= '<\/ul>';\r\n\r\n\t\t\t\t\t\/\/ @codingStandardsIgnoreStart\r\n\t\t\t\t\techo $output;\r\n\t\t\t\t},\r\n\r\n\t\t\t)\r\n\t\t);\r\n\t\t?><\/pre>\r\n\r\n\r\n\r\n\r\n\r\n
Replace with:<\/p>\r\n
\t<nav>\r\n\r\n\t\t<?php wp_nav_menu( array( 'theme_location' => 'menu-primary' ) ); ?><\/pre>\r\n
Step 2<\/h4>\r\n
Under Appearance > Menus > Max Mega Menu Settings<\/em>, set the Effect (Mobile) to “Off Canvas – Slide from right”.<\/p>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"
This guide is for the Zakra theme hosted on wordpress.org. Fix Mobile Menu Step 1 Copy the template-parts\/header\/primary-menu\/mobile-toggle.php file to your child theme. Find (line 47): <nav id=”zak-mobile-nav” class=”<?php zakra_css_class( ‘zakra_mobile_nav_class’ ); ?>” <?php echo wp_kses_post( apply_filters( ‘zakra_nav_data_attrs’, ” ) ); ?>> <div class=”zak-mobile-nav__header”> <?php if ( get_theme_mod( ‘zakra_enable_header_search’, true…<\/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-404523","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":"This guide is for the Zakra theme hosted on wordpress.org. Fix Mobile Menu Step 1 Copy the template-parts\/header\/primary-menu\/mobile-toggle.php file to your child theme. Find (line 47): <nav id=\"zak-mobile-nav\" class=\"<?php zakra_css_class( 'zakra_mobile_nav_class' ); ?>\" <?php echo wp_kses_post( apply_filters( 'zakra_nav_data_attrs', '' ) ); ?>> <div class=\"zak-mobile-nav__header\"> <?php if ( get_theme_mod( 'zakra_enable_header_search', true...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/404523","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=404523"}],"version-history":[{"count":6,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/404523\/revisions"}],"predecessor-version":[{"id":404530,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/404523\/revisions\/404530"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=404523"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=404523"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=404523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}