Off canvas cart not working

[BlackMarketOrganic]

See site here: https://test-black-market.pantheonsite.io/

When I click the off-canvas cart button in the Header Builder, the cart contents appear, but they do not when viewing the site on regular pages.

[ruenel]

Hello There,

Thanks for writing in!

I have checked your site and there is a JS error. Please update your JS code and use this instead:

// GLOBAL DOC READY FOR ALL EXCECUTABLE JS CODE
jQuery( document ).ready(function() {

  // ADD AMAZON BUTTONS AFTER ADD TO CART
  // $('#product-230 .single_add_to_cart_button').after('<a class="amazon img-button" href=""><img src="https://blackmarketorganic.com/wp-content/uploads/2017/07/available-at-amazon-black-300x145.png" alt="Buy on Amazon button"/></a>');
	jQuery('#product-232 .single_add_to_cart_button').after('<a target="_blank" class="amazon img-button" href="https://www.amazon.com/dp/B07CMKW7BH"><img src="https://blackmarketorganic.com/wp-content/uploads/2017/07/available-at-amazon-black-300x145.png" alt="Buy on Amazon button"/></a>');
	
  // ADD CLICK EVENT WITH GA EVENT TO AMAZON BUTTON
  jQuery('body').on('click', '#product-232 .amazon.img-button', function () {
     	dataLayer.push('send', 'event', 'Link', 'Click', 'Click to Amazon'); 
    	ga('send', 'event', 'Link', 'Click', 'Click to Amazon');
   });
  
  // ADD GA AND FB VIRTUAL PAGEVIEW CLICK EVENTS ON ADD TO CART
  jQuery('body').on('click', 'button[name=add-to-cart]', function () {
 			ga('send', 'event', 'Link', 'Click', 'Add to Cart');
    	ga('send', 'pageview', '/add-to-cart');
			dataLayer.push('send', 'pageview', '/add-to-cart');
			fbq('trackCustom', 'virtualPageview', { url: '/add-to-cart'});
   });
  
  // RESPONSIVE TABLES WITH COLLAPSE TO TABS

   (function (jQuery) {
    "use strict";
    jQuery.fn.responsiveTable = function() { 

      var toggleColumns = function($table) {
        var selectedControls = [];
        $table.find(".Accordion, .Tab").each( function() {
          selectedControls.push( jQuery(this).attr("aria-selected") );
        });
        var cellCount = 0, colCount = 0;
        var setNum = $table.find(".Rtable-cell").length / Math.max( $table.find(".Tab").length, $table.find(".Accordion").length );
        $table.find(".Rtable-cell").each( function() {
          jQuery(this).addClass("hiddenSmall");
          if( selectedControls[colCount] === "true" ) jQuery(this).removeClass("hiddenSmall");
          cellCount++;
          if( cellCount % setNum === 0 ) colCount++; 
        });
      };
      jQuery(this).each(function(){ toggleColumns(jQuery(this)); });

      jQuery(this).find(".Tab").click( function() {
        jQuery(this).attr("aria-selected","true").siblings().attr("aria-selected","false");
        toggleColumns( jQuery(this).parents(".Rtable") );
      });

      jQuery(this).find(".Accordion").click( function() {
        jQuery(this).attr("aria-selected", jQuery(this).attr("aria-selected") !== "true" );
        toggleColumns( jQuery(this).parents(".Rtable") );
      });

    };
  }(jQuery));


  jQuery(".js-RtableTabs, .js-RtableAccordions").responsiveTable();

});

Hope this helps. Please let us know how it goes.