Visual Composer tabs (scrolling/jumping issue)

Support
#1

Hi, I am using X theme and Visual Composer for some pages, Cornerstone for some pages.

http://loft.qodeweb.com/njegoseva/jelovnik/

I have an issue with tabs, you can click on tab and it scrolls to bottom of tab content and scrolls back up. I want to remove that animation completely. Is that possible? Also, tabs don’t work at all on mobile.

I have tried disabling pugins, updating them, removing my custom JS code and none of it works.

Thanks in advance!

#2

Hey,

Thank you for writing in!

You can try to add this custom JS code:

jQuery( function($) {

$(document).on('click', 'li.vc_tta-tab a,li.vc_tta-tab,.vc_tta-panel-title', function(){
   $('html, body').stop();
});

});

If the problem persists, provide to us your WP credentials in a secure note.

1 Like
#3

Thanks it works!

Can you please take a look why tabs don’t work on mobile?

#4

Hello There,

Please have the JS code updated and make use of this code:

jQuery( function($) {

  $(document).on('touchstart click', 'li.vc_tta-tab a,li.vc_tta-tab,.vc_tta-panel-title', function(){
     $('html, body').stop();
  });

});

Please let us know if this works out for you.

#5

Unfortunately this doesn’t solve issue on mobile.

#6

Please check for the following:

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

  2. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.

  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  5. Remove custom CSS, Javascript and templates.

Thanks.