Gallery not displaying on ios devices;
Hi,
I'm using your Catch Adaptive free theme for my website www.acacia-landscape.co.uk and like it very much. Recently a user reported that a gallery was not displaying on their Iphone but was showing on their desktop and an android device (Galaxy A3).
Using Chrome's Inspect developer tool it seems that an error is occurring in the catchadaptive-custom-scripts.min.js file when an iphone device is being used, as shown below
catchadaptive-custom-scripts.min.js:1 Uncaught TypeError: $ is not a function
at HTMLDocument.<anonymous> (catchadaptive-custom-scripts.min.js:1)
at i (jquery.js?ver=1.12.4:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
at Function.ready (jquery.js?ver=1.12.4:2)
at HTMLDocument.K (jquery.js?ver=1.12.4:2)
http://acacia-landscape.co.uk/wp-content/themes/catch-adaptive/js/catchadaptive-custom-scripts.min.js:formatted
jQuery(document).ready(function() {
jQuery("#header-toggle").click(function() {
var e = jQuery("div").find("#header-toggle-sidebar");
e.hasClass("displaynone") ? e.removeClass("displaynone").addClass("displayblock").animate({
opacity: 1
}, 300) : e.removeClass("displayblock").addClass("displaynone").animate({
opacity: 0
}, 300)
}),
jQuery.isFunction(jQuery.fn.fitVids) && jQuery(".hentry, .widget").fitVids(),
jQuery(window).scroll(function() {
1 <= jQuery(window).scrollTop() ? jQuery("#fixed-header").addClass("is-absolute") : jQuery("#fixed-header").removeClass("is-absolute")
}),
jQuery.isFunction(jQuery.fn.sidr) && jQuery("#mobile-header-left-menu").sidr({
name: "mobile-header-left-nav",
side: "left"
}),
/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && $("body").addClass("ios-device") ==> Uncaught TypeError: $ is not a function
});
I'd be very grateful if you could help me with this problem.
Many thanks.
Gerry