title: PHP Code breaking responsive navigation toggle on homepage
body: <p>I am having a problem with the responsive menu toggle not expanding on a site I am working on. Essentially when the site is resized below 768px the menu is replaced with a menu toggle that when clicked/tapped it should show the two options About &amp; Shop. However when clicked nothing happens, it simply adds #navigation to the end of the URL.</p>
  
  <p>I have managed to narrow down to one line of code that is for <a href="http://wordpress.org/plugins/3d-slider-slicebox/" rel="nofollow"><strong>this plugin</strong></a> in my index.php file.</p>
  
  <pre><code>&lt;?php if(sb_slides_display()){sb_slides_display();} ?&gt;
  </code></pre>
  
  <p>It is a simple WordPress site with WooCommerce using the theme mystile. Link: <a href="http://bit.ly/1dvdeb0" rel="nofollow">http://bit.ly/1dvdeb0</a></p>
  
  <p>If I take out the above code the problem is solved but then of course the slider is no longer activated. Any ideas why or how it can be fixed?</p>
  
  <p>Also, here is the code in context:</p>
  
  <pre><code>&lt;?php
  // File Security Check
  if ( ! function_exists( 'wp' ) &amp;&amp; ! empty( $_SERVER['SCRIPT_FILENAME'] ) &amp;&amp; basename( __FILE__ ) == basename( $_SERVER['SCRIPT_FILENAME'] ) ) {
      die ( 'You do not have sufficient permissions to access this page!' );
  }
  ?&gt;&lt;?php
  /**
   * Index Template
   *
   * Here we setup all logic and XHTML that is required for the index template, used as both the homepage
   * and as a fallback template, if a more appropriate template file doesn't exist for a specific context.
   *
   * @package WooFramework
   * @subpackage Template
   */
      get_header();
      global $woo_options;
  
  ?&gt;
      &lt;?php if(sb_slides_display()){sb_slides_display();} ?&gt;
  
      &lt;?php if ( $woo_options[ 'woo_homepage_banner' ] == "true" ) { ?&gt;
  
          &lt;div class="homepage-banner"&gt;
              &lt;?php
                  if ( $woo_options[ 'woo_homepage_banner' ] == "true" ) { $banner = $woo_options['woo_homepage_banner_path']; }
                  if ( $woo_options[ 'woo_homepage_banner' ] == "true" &amp;&amp; is_ssl() ) { $banner = preg_replace("/^http:/", "https:", $woo_options['woo_homepage_banner_path']); }
              ?&gt;
                  &lt;img src="&lt;?php echo $banner; ?&gt;" alt="" /&gt;
              &lt;h1&gt;&lt;span&gt;&lt;?php echo $woo_options['woo_homepage_banner_headline']; ?&gt;&lt;/span&gt;&lt;/h1&gt;
              &lt;div class="description"&gt;&lt;?php echo wpautop($woo_options['woo_homepage_banner_standfirst']); ?&gt;&lt;/div&gt;
          &lt;/div&gt;
  
      &lt;?php } ?&gt;
  
      &lt;div id="content" class="col-full &lt;?php if ( $woo_options[ 'woo_homepage_banner' ] == "true" ) echo 'with-banner'; ?&gt; &lt;?php if ( $woo_options[ 'woo_homepage_sidebar' ] == "false" ) echo 'no-sidebar'; ?&gt;"&gt;
  </code></pre>
  
  <p>Thanks in advance for any help it's greatly appreciated! :)</p>
  
  <p>EDIT: JavaScript page from console error Uncaught TypeError: Object [object Object] has no method 'fitVids' :</p>
  
  <pre><code>/*-----------------------------------------------------------------------------------*/
  /* GENERAL SCRIPTS */
  /*-----------------------------------------------------------------------------------*/
  jQuery(document).ready(function($){
  
      // Fix dropdowns in Android
      if ( /Android/i.test( navigator.userAgent ) &amp;&amp; jQuery( window ).width() &gt; 769 ) {
          $( '.nav li:has(ul)' ).doubleTapToGo();
      }
  
      // Table alt row styling
      jQuery( '.entry table tr:odd' ).addClass( 'alt-table-row' );
  
      // FitVids - Responsive Videos
      jQuery( ".post, .widget, .panel" ).fitVids();
  
      // Add class to parent menu items with JS until WP does this natively
      jQuery("ul.sub-menu").parents('li').addClass('parent');
  
  
      // Responsive Navigation (switch top drop down for select)
      jQuery('ul#top-nav').mobileMenu({
          switchWidth: 767,                   //width (in px to switch at)
          topOptionText: 'Select a page',     //first option text
          indentString: '&amp;nbsp;&amp;nbsp;&amp;nbsp;'  //string for indenting nested items
      });
  
  
  
      // Show/hide the main navigation
      jQuery('.nav-toggle').click(function() {
        jQuery('#navigation').slideToggle('fast', function() {
          return false;
          // Animation complete.
        });
      });
  
      // Stop the navigation link moving to the anchor (Still need the anchor for semantic markup)
      jQuery('.nav-toggle a').click(function(e) {
          e.preventDefault();
      });
  
      // Add parent class to nav parents
      jQuery("ul.sub-menu, ul.children").parents().addClass('parent');
  
  });
  </code></pre>