• 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="{&quot;id&quot;:666,&quot;slug&quot;:&quot;popup&quot;,&quot;theme_id&quot;:657,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.header-button,  .mobile-header-button&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;medium&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;640px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center top&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}" role="dialog" aria-modal="true" style="opacity: 1; display: block;">
    
    	
    <a id="kt-scroll-up" tabindex="0" aria-hidden="true" aria-label="Scroll to top" href="#wrapper" 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="https://www.w3.org/2000/svg" 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></a><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="https://www.w3.org/2000/svg" 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"><a  aria-current="page">Home</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-611"><a >Local Moves</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-612"><a >Long Distance</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-610"><a >International Move</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-623"><a >Storage</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"><a >Contact</a></li>
    </ul>		</div>
    	</nav><!-- #site-navigation -->
    	</div><!-- data-section="mobile_navigation" -->
    							</div>
    		</div>
    	</div>
    	
    
    
    
    
    
    
    
    
    
    </div>

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Hi there!

    I saw that you also have a forum topic opened on the kadencewp.com website.

    Please let us know of any updates there.

    Kind regards,
    Karla

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Menu does not work when Popup Maker plugin installed’ is closed to new replies.