[cvkParticipant]

I just bought X theme couple of days ago, Im such a newbie:)

I was adding “Tour” and “Tabbing” in visual composer of your theme, or even create “tab” under connerstone, when I click these tag, the webpage move down automatically, is there anyway to keep the screen still when I click these tag?

Thanks

[Nabeel AModerator]

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.

[cvkParticipant]

http://www.gracecut.com/product/4-axis-cnc-router-180-degree/#1443463673929-38a45dfd-04be

please try this page, once you click any tab, the page moving down automatically, dont know how to make it still.

[RupokMember]

Hello There,

Please add the following JavaScript on Appearance > Customize > Custom > JavaScript

jQuery(function($){

$('.vc_tta-tabs-list a').on('click', function(){

  $('html, body').stop();
});
});

Hope this helps.

[cvkParticipant]

I was adding your JS code to my website, but nothing happens on my website above.

Can you help me to figure it out? the page is scrolled down when clicking the different tabs really downgrade my website’s user experience.

Thanks!

[RadModerator]

Hi there,

Please try this one,

jQuery(function($){

$('.vc_tta-tabs-list a').on('click', function(){
setTimeout( function() {
  $('html, body').stop();
}, 100 );
});
});

This is to ensure the it cancel scrolling right after other click events.

Cheers!

[cvkParticipant]

hi, still doesn’t work.

I added JS above to custom-JavaScript, but the page above still remains the same, when I click the tab.

[RupokMember]

Hi there,

Thanks for updating. Both of the suggested code block is working code and it’s working for everyone faced the issue earlier. It should work if you add it correctly and there is no conflict with anything.

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
– FTP credentials

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

[cvkParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Thanks for providing your login credentials.

I have replaced the code with this and it seems to be working.

jQuery(function($){

$('.vc_tta-tabs-list a,.vc_tta-tabs-list li').on('click', function(){ 
setTimeout( function() {
  $('html, body').stop();
}, 100 );
});
});

Kindly check on your end.

Thanks

[FlowingwebParticipant]

Hi, we have had the same problem, but using the code from above fixes the problem.

Furthermore we found out that the tour will not work on mobile devices. It won’t open the tabs, so nothing is happening for the user. Is there a workaround available? You can see it on our dev site http://2016.dormio.nl/investments/over-dormio-investments/.
Both the tour and tabs arren/t working on small devices.

Regards,
Florian

[FlowingwebParticipant]

OK, just found the code you’re providing in a different post and it’s working, sorry for double question.

Anyone who want’s to know the code and is too lazy like me to look around, here it is:

jQuery ( function($) {
    $(document).ready( function(){
        setTimeout( function() { jQuery('.vc_tta-panel-title a').off('touchstart touchend'); }, 500 );
    } );
} );

[JadeModerator]

Thanks for letting us know what worked for you Florian. Cheers!

[Author]

Posts