Possible issue with Responsive Tabs.

Hello,

We Really Apologize about the Delays in replying to your Support Query! We had completely missed it!

We are going through the Responsive Tabs thoroughly according to what you have explained to us (thank you so much for the very elaborate explanation) and provide you with a solution shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

Thanks for your Patience!

1. This feature was not available previously. But you can enable this by updating the tabsResponsiveResize: function() Function Block with the following code:

tabsResponsiveResize: function(){

	if( !$().tabs ) {
		console.log('tabs: Tabs not Defined.');
		return true;
	}

	var $tabsResponsive = $('.tabs.tabs-responsive:not(.customjs)');
	if( $tabsResponsive.length < 1 ) { return true; }

	$tabsResponsive.each( function(){
		var element = $(this),
			tabActive = element.attr('data-active'),
			elementAccStyle = element.attr('data-accordion-style');

		if( $('body').hasClass('device-xs') || $('body').hasClass('device-xxs') ) {

			element.find('.tab-nav').addClass('hidden-xs');
			element.find('.tab-container').addClass('accordion '+ elementAccStyle +' clearfix').attr('data-active', tabActive);
			element.find('.tab-content').addClass('acc_content');
			element.find('.acctitle').removeClass('hidden-xs');
			SEMICOLON.widget.accordions();

		} else if( $('body').hasClass('device-sm') || $('body').hasClass('device-md') || $('body').hasClass('device-lg') ) {

			element.find('.tab-nav').removeClass('hidden-xs');
			element.find('.tab-container').removeClass('accordion '+ elementAccStyle +' clearfix').attr('data-active', '');
			element.find('.tab-content').removeClass('acc_content');
			element.find('.acctitle').addClass('hidden-xs');
			element.tabs( "refresh" );

		}
	});
},

1. Unfortunately, this is currently not supported on Browser Resize since the Accordions/Tabs have to be refreshed. To solve this issue you will need to disable the refresh the Accordions/Tabs functionality on Browser Resize which is currently not recommended as it will cause some unexpected issues. You can disable this by deleting the SEMICOLON.widget.tabsResponsiveResize(); Function from the SEMICOLON.documentOnResize > init: function() Function Block in the js/functions.js File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

We just released an Update to the Responsive Tabs functionality. Can you please check to see if this is working fine now. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.