Kadence Mobile Menu does not work when Popup Maker plugin installed

[Anonymous 167631]

Anonymous 167631

July 20, 2023 at 9:39 am

The Kadence Mobile Menu does not work when Popup Maker plugin installed. When I have Popup Maker installed, the Kadence theme injects the Kadence mobile menu code into the Popup Maker code (<div id=”pum-666″ class=”pum pum-overlay), making it impossible to access the mobile menu (<div id=”mobile-drawer”).

`<div id=”pum-666″ class=”pum pum-overlay pum-theme-657 pum-theme-default-theme popmake-overlay click_open pum-active” data-popmake=”{"id":666,"slug":"popup","theme_id":657,"cookies":[],"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".header-button, .mobile-header-button"}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"medium","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center top","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"","button_delay":"0","overlay_click":false,"esc_press":false,"f4_press":false},"click_open":[]}}” role=”dialog” aria-modal=”true” style=”opacity: 1; display: block;”>

<span class=”kadence-svg-iconset”><svg aria-hidden=”true” class=”kadence-svg-icon kadence-arrow-up-svg” fill=”currentColor” version=”1.1″ xmlns=”*Login to see link width=”24″ height=”24″ viewBox=”0 0 24 24″><title>Scroll to top</title><path d=”M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z”></path>
</svg></span><button id=”kt-scroll-up-reader” href=”#wrapper” aria-label=”Scroll to top” class=”kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-filled vs-lg-true vs-md-true vs-sm-false”><span class=”kadence-svg-iconset”><svg aria-hidden=”true” class=”kadence-svg-icon kadence-arrow-up-svg” fill=”currentColor” version=”1.1″ xmlns=”*Login to see link width=”24″ height=”24″ viewBox=”0 0 24 24″><title>Scroll to top</title><path d=”M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z”></path>
</svg></span></button> <div id=”mobile-drawer” class=”popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-right” data-drawer-target-string=”#mobile-drawer”>
<div class=”drawer-overlay” data-drawer-target-string=”#mobile-drawer”></div>
<div class=”drawer-inner”>
<div class=”drawer-header”>
<button class=”menu-toggle-close drawer-toggle” aria-label=”Close menu” data-toggle-target=”#mobile-drawer” data-toggle-body-class=”showing-popup-drawer-from-right” aria-expanded=”false” data-set-focus=”.menu-toggle-open” value=””>
<span class=”toggle-close-bar”></span>
<span class=”toggle-close-bar”></span>
</button>
</div>
<div class=”drawer-content mobile-drawer-content content-align-left content-valign-top”>
<div class=”site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false” data-section=”kadence_customizer_mobile_navigation”>
<nav id=”mobile-site-navigation” class=”mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false” role=”navigation” aria-label=”Primary Mobile Navigation”>
<div class=”mobile-menu-container drawer-menu-container”>
<ul id=”mobile-menu” class=”menu”><li class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-116 current_page_item menu-item-613″>Home
<li class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-611″>Local Moves
<li class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-612″>Long Distance
<li class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-610″>International Move
<li class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-623″>Storage
<li class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-121″>Contact
</div>
</nav><!– #site-navigation –>
</div><!– data-section=”mobile_navigation” –>
</div>
</div>
</div>

</div>

• This topic was modified 2 years, 10 months ago by Anonymous 167631.