Docs

[Funeral Studio]

Hello Support team, i have previously applied a JS fix that you provided, but its not working, The accordions don’t work on mobile phones on touch. Below is the code i have used previously, please have a check and provide me a fix.

jQuery(document).ready(function($) {
if ( $(‘html’).hasClass(‘touchevents’) ) {
$(‘.vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta.vc_general .vc_tta-panel-title > a’).off(‘click touchstart touchend’);
}
});

jQuery(document).ready(function($) {
$(‘.wpsm_panel-title a’).click(function(e) {
$(‘html, body’).stop();
});
});

jQuery(document).ready(function($) {
if ( $(‘html’).hasClass(‘touchevents’) ) {
$(‘.wpsm_panel .wpsm_panel-title > a’).off(‘click touchstart touchend’);
}
});

[Jade]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Funeral Studio]

This reply has been marked as private.

[Christopher]

Hi there,

Can you confirm that you are fully updated? (Theme and Plugins)

You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Thanks.

[Funeral Studio]

Hello,

I have updated the theme & the plugin to the latest version, It does not help, the accordions on the footer that you see, still don’t work on touch, can you please recheck.

Thank you,
Very much appreciate the support.

[Paul R]

Hi

You can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(function($) {
   $( ".wpsm_panel-heading a" ).on( "click touchend", function() {
    $(this).parent().parent().next('.wpsm_panel-collapse').toggleClass('in');
});
});

Hope that helps.

[Funeral Studio]

Hello,

Thanks for the fix, that worked, but now there is another bug, the accordions on this page: http://communityfunerals.com.au/when-someone-dies/#what-do-do have stopped working on touch devices. can you please have a check.

Thank you for your help.
very much appreciated.

[Rue Nel]

Hello There,

Thanks for the updates! Since you are using SiteGround, could you please disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

[Funeral Studio]

Hello,

Supercacher has been disabled since the start, i have not enabled this, can you please recheck.

Thanks for the help.

[Nabeel A]

Hi again,

To fix the issue, just add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery( function($) {

$('.vc_tta-tab a').on('click', function( e ){

setTimeout( function() { 
$('html, body').stop().stop();
console.log('scrolling stopped');
}, 100 );

});

$(document).ready(function() {
    $('.vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta-tab a').off('click touchstart touchend');
});

});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Funeral Studio]

Hey, That worked! Thanks for all the help, very much appreciated 🙂

[Paul R]

You’re welcome! 🙂

[Funeral Studio]

Hey, There is one more issue now, although it works very well on mobile phones, now none of the accordions work on desktops they open & close immediately. can you please check: http://communityfunerals.com.au/
The footer accordions close right after opening.

Thanks for the support.

[Christopher]

Hi there,

Please update your code to :

jQuery( function($) {

$('.vc_tta-tab a').on('click touchend', function( e ){

setTimeout( function() { 
$('html, body').stop().stop();
console.log('scrolling stopped');
}, 100 );

});

$(document).ready(function() {
    $('.vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta-tab a').off('click touchstart touchend');
});

});

Hope it helps.

[Funeral Studio]

Hey, i have done that, it still does not seem to help. The accordions don’t work on desktops. Can you please have a check on the code that i have added. The login details are in the above messages.

Thanks for the support.

[Author]

Posts