{"id":265850,"date":"2020-10-14T10:59:07","date_gmt":"2020-10-14T09:59:07","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=265850"},"modified":"2020-10-14T11:00:02","modified_gmt":"2020-10-14T10:00:02","slug":"kalium","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/kalium\/","title":{"rendered":"Kalium"},"content":{"rendered":"<h3>The mobile menu<\/h3>\n<p>The built in Kalium mobile menu overrides certain functionality of Max Mega Menu, therefore it is not possible to use Max Mega Menu for your mobile menu. This is possible by ensuring Max Mega Menu remains disabled for the mobile location:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-265852\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations.png\" alt=\"\" width=\"2562\" height=\"1468\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations.png 2562w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations-300x172.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations-1024x587.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations-768x440.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations-50x29.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations-1536x880.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-locations-2048x1173.png 2048w\" sizes=\"auto, (max-width: 2562px) 100vw, 2562px\" \/><\/a><\/p>\n<p>Under <em>Mega Menu &gt; Menu Themes &gt; Mobile Menu <\/em>set the Responsive Breakpoint to 768px (to match the breakpoint of the theme).<\/p>\n<h3>Fix Touch Events<\/h3>\n<p>On touch devices (tablets), you&#8217;ll find clicking on sub menu items does not work. To fix this, add the following to the <em>Laborator &gt; Theme Options &gt; Other Settings &gt; Custom JavaScript &gt; Footer JavaScript<\/em> section:<\/p>\n<pre class=\"lang:default decode:true\">\/** Reinitialise Max Mega Menu after theme has loaded **\/\r\njQuery(document).on(\"kaliumready\", function() {\r\n   jQuery('.mega-menu').unbind().removeData().maxmegamenu();\r\n});<\/pre>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-265855\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript.png\" alt=\"\" width=\"2562\" height=\"1582\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript.png 2562w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript-300x185.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript-1024x632.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript-768x474.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript-50x31.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript-1536x948.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2020\/10\/kalium-footer-javascript-2048x1265.png 2048w\" sizes=\"auto, (max-width: 2562px) 100vw, 2562px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The mobile menu The built in Kalium mobile menu overrides certain functionality of Max Mega Menu, therefore it is not possible to use Max Mega Menu for your mobile menu. This is possible by ensuring Max Mega Menu remains disabled for the mobile location: Under Mega Menu &gt; Menu Themes&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[],"class_list":["post-265850","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":"The mobile menu The built in Kalium mobile menu overrides certain functionality of Max Mega Menu, therefore it is not possible to use Max Mega Menu for your mobile menu. This is possible by ensuring Max Mega Menu remains disabled for the mobile location: Under Mega Menu &gt; Menu Themes...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/265850","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=265850"}],"version-history":[{"count":2,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/265850\/revisions"}],"predecessor-version":[{"id":265858,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/265850\/revisions\/265858"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=265850"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=265850"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=265850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}