Tabbed content, Collapsible content panels, Pageable container

[Anita_Mediana]

Hi,
there are some issues that I’m having with three elements listed in the topic.
Collapsible content panels are not functioning on the mobile devices and the font is too big, this is the link with one of the pages containing it (visualize it on your Android device): http://www.mediana.com/en/xcontract/

Tabbed content on the desktop view has a scattering movement upon the upload of the segment, same page as the above. Here you gave ma a code string to improve it but it doesn’t function anymore:

jQuery( function($) {
	$('.vc_tta-tab a').on('click', function( e ){
		setTimeout( function() { 
			$('html, body').stop().stop();
		}, 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');
	});

});

And pageable container at this page, at the bottom: http://www.mediana.com/en/
has also scattering movement upon the upload of a section and also here you’ve passed me some code:

jQuery( function($) {

$(document).on('click', '.vc_tta-container  .vc_pagination-trigger', function( e ){
$('html, body').stop();
});

});

Waiting for your kind answer.

Regards,
Anita

[christopher]

Hi there,

I checked your website and I have found a Javascript error:

<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/5f44607c0cd71114a6089961a/0af7596f682311ebef553c63b.js");</script>    </script>

I am not sure if you added this in the customizer or not, but you should not include the <script> tag in the customizer.
Or maybe the problem is the code which you have there. Kindly remove any extra code from there to be able to assess the problem correctly.

After that kindly add the code below to X > Launch > Options > JS:

jQuery( function($) {

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

The code above will prevent the additional animation attached to the click event of the tabs in Visual Composer.

But unfortunately, I could not replicate the issue on mobile devices.

Thank you.

[Anita_Mediana]

Hi,
I’ve eliminated the script tag and added the code and it worked.

Thank you.

Regards,
Anita

[thai]

Glad to hear that