[Gerry White]

Hi,
I’m using your Catch Adaptive free theme for my website http://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

[Gerry White]

To add to the above, I’m using FooGallery to manage my gallery but I’ve tried the Catch Gallery plugin and the same problem occurs with Iphone mobiles.

Hope this helps.
Regards,
Gerry

[Skandha]

@gerry-white: Can you use Catch Gallery for creating Galleries so that I can look at the issue on ios devices.
I created a gallery with Catch Gallery at my end and it seems to be displaying fine even in iphones.

Let me know when you have created a gallery with Catch Gallery so that I can look the issue.
Kind Regards,
Skandha

[Gerry White]

Thank you very much for the quick reply. I created a gallery with Catch Gallery plugin and it still doesn’t work correctly with ios devices. Please see pingyao49.co.uk/catch-gallery for your tests.

I am using Chrome’s Inspect developer tool to emulate Iphone devices and when processing any gallery on an ios device I always get the error

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)

and the device starts to play up.

Please let me know if you need anything else.
Thanks again for your help.
Kind Regards,

Gerry

[Gerry White]

@Skandha
Hi, not sure if the name of my test site with a link to a Catch gallery was clear. It’s . As in my posts above, when I use Chrome to emulate an ios mobile device the galley doesn’t function correctly and give javascript errors.
Also, need to repeat that I’m using Adaptive Free.

Thanks for your time.
Gerry

[Gerry White]

http://pingyao49.co.uk/catch-gallery

Sorry, not used to this form!!

[Skandha]

@gerry-white: Hello Gerry,
The issue has been fixed and a theme update has been released. Please update the theme and check if the catch gallery carousel issue is resolved in IOS devices.

Let me know if the issue persists.
Kind Regards,
Skandha

[Gerry White]

@Skandha Yes it works perfectly.
Thank you so much for an amazing support service, your response, particularly for a free product, has been exemplary, an example to others. All credit to everyone there at Catch Themes.

Kind regards
Gerry

[Skandha]

@gerry-white: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-adaptive/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts