[de2ma2Participant]

Hello,

I was experiencing problem with accordion items on mobile devices and you have provided this code:

jQuery( function($) {
$(document).on(‘click touchstart touchend’, ‘.vc_tta-panel, li.vc_tta-tab,li.vc_tta-tab > a,li.vc_tta-tab > a>span,.vc_tta-panel-heading,.vc_tta-panel-heading > h4,.vc_tta-panel-heading > h4 > a’, function(){
$(‘html, body’).stop();
});

$(document).on(‘touchstart’,’.vc_tta-panel’, function(){
$(‘.vc_tta-panel’).removeClass(‘vc_active’);
$(‘.vc_tta-panel-body’).css(‘display’,’none’);
$(this).addClass(‘vc_active’);
$(this).find(‘.vc_tta-panel-body’).css(‘display’,’block’);
});

});

All seemed to work fine until I decided to add a pageable container into another page. Now when I click on the pageable container on mobile devices all of of the content inside other pageable containers on the same page disappears and I think I know what is causing the issue but I am not able to solve it.

What I have concluded is that this script code is causing the problem and I can’t remove it because it is affecting other pages that contains accordion items:
$(‘.vc_tta-panel-body’).css(‘display’,’none’);

Thank you for your ongoing support:)

[JadeModerator]

HI there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[de2ma2Participant]

This reply has been marked as private.

[RadModerator]

Hi there,

Please add this as well,

jQuery(function($){

$(window).load( function() {

$('.vc_pagination-trigger').off('touchstart touchend');

} );

} );

Cheers!

[de2ma2Participant]

Thank you! but unfortunately the problem still exists 🙁

[RadModerator]

Hi there,

Yes, tried every workaround and it’s not really working. It’s like there are 3 scrolling effect, turning off the first result to different scrolling effect.

Would you mind providing your admin and FTP login credentials? I just like to test something.

Thanks!

[de2ma2Participant]

This reply has been marked as private.

[RadModerator]

Hi there,

I did some change here http://www.iss-qa.com/wp-content/themes/x/framework/js/dist/site/x-body.js to disable the touch/click event.

Example,

  $('a[href*="#"]:not(.vc_pagination-trigger)').on('touchstart click', function(e) {
    href        = $(this).attr('href');
    notComments = href.indexOf('#comments') === -1;
    if ( href !== '#' && notComments ) {
      var theId = href.split('#').pop();
      var $el   = $('#' + theId);
      if ( $el.length > 0 ) {
        e.preventDefault();
        animateOffset($el, 850, 'easeInOutExpo');
      }
    }
  });

Without any luck, could you try removing the above scripts, and all other custom scripts? I think it’s trigger by script related to custom one-page scrolling script. But please backup your scripts first, or please provide your admin login credentials as well.

And my question is, what does the above script do? Like what was the issue that needs that custom script.

Thanks!

[de2ma2Participant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks, after thorough checking, it appears that it’s visual composer default behavior when it comes to tabs and scrolling and visibility. I removed all the custom scripts and remove X scripts related to it ( for testing but I restored them back ) with the same result. I tried it with my installation with no X theme and cornerstone and it’s the same.

Unfortunately, I can’t modify this visual composer’s pagination default behavior since it’s bundled plugin. I could only forward this for further investigation. VC’s pagination is never part of X theme’s integration, and it seems new prior to last integration of VC (eg. X 3.0). But I’ll keep on checking.

Thanks!

[de2ma2Participant]

Thank you so much Rad for the detailed explanation 🙂

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts