Menu icon Foundation
mobile menu not responding to touch

I've seen this mentioned in other threads but without a clear resolution and I'm wondering if anyone has any insight into it.
I've built a WordPress site using _s that includes Foundation.
Everything is fine on desktop, the mobile menu shows up at the desired breakpoints and works as you would expect it to.
However when I finally looked on my iOS devices I find that the menu is not responding to touch. It's simply not active.
The staging site is at http://longobongo.com/dkelso/

Although I don't have any Android device to check, the menu works on ALL devices in Chrome mobile emulator, however doesn't work in Xcode's iOS simulator

The header.php contains the following for the menu system

<div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">

	<nav class="tab-bar hide-for-large-up">
      <section class="left-small">
        <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
      </section>
    </nav>

	<!-- Off Canvas Menu -->
	<aside class="left-off-canvas-menu">
		<ul>
			<?php wp_nav_menu( array( 
				'theme_location' => 'primary', 
				'container' => '', 
				'menu_class' => '', 
				'menu_id' => '', 
				'items_wrap' => '%3$s',
				'depth' => 1
			) ); ?>
		</ul>
	</aside>

            

         

Foundationmobilewordpress

I've seen this mentioned in other threads but without a clear resolution and I'm wondering if anyone has any insight into it.
I've built a WordPress site using _s that includes Foundation.
Everything is fine on desktop, the mobile menu shows up at the desired breakpoints and works as you would expect it to.
However when I finally looked on my iOS devices I find that the menu is not responding to touch. It's simply not active.
The staging site is at http://longobongo.com/dkelso/

Although I don't have any Android device to check, the menu works on ALL devices in Chrome mobile emulator, however doesn't work in Xcode's iOS simulator

The header.php contains the following for the menu system

<div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">

	<nav class="tab-bar hide-for-large-up">
      <section class="left-small">
        <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
      </section>
    </nav>

	<!-- Off Canvas Menu -->
	<aside class="left-off-canvas-menu">
		<ul>
			<?php wp_nav_menu( array( 
				'theme_location' => 'primary', 
				'container' => '', 
				'menu_class' => '', 
				'menu_id' => '', 
				'items_wrap' => '%3$s',
				'depth' => 1
			) ); ?>
		</ul>
	</aside>

            

         
jimlongo@rdiv.com over 4 years ago

Discovered that I hadn't included the fastclick.js script at the bottom.

http://foundation.zurb.com/docs/javascript.html

For WordPress in the functions.php file use

  wp_enqueue_script( 'foundation-fastclick-js', get_template_directory_uri() . '/foundation/js/vendor/fastclick.js', array( 'jquery' ), '1', true );   ```

Nick Burd over 4 years ago

I am having a similar issue, i'm not the greatest with JS but I require some assistance if possible?

http://76.74.187.4/~navigatoram/

My navigation will not collapse or extend when clicking the icon.