Product page tab bar mobile not user friendly

Hello,
Is it possible to show the tabs under each other on the product page on mobile? Because in other themes they are usually under each other. Because now if I have a long description for a product the customer needs to roll down the whole screen to see the reviews of the product.
Photo attached from Flatsome theme.

photo attached

Attachments:

You must be logged in to view attached files.

Hello,

Add the snippet to the Custom JS section in Theme Settings:

setTimeout(function() {
	var $tab = jQuery('.woodmart-tab-wrapper').find('a.active');
		$tab.siblings('.wc-tab').hide();
	  $tab.removeClass('active');
}, 10);

All the tabs would be closed by default.

Best Regards

Unfortunately its not working properly. Because when I go to a product page its not showing the description tab text but its showing that the description tab open. Please check on Desktop.
I need to tap the Description (“Leírás”) tab title to show it

Attachments:

You must be logged in to view attached files.

I had to delete this code, because the descriptions of the product not showed at all.. just after click on the desc tab.
If you can check the Flatsome theme its not working like that. It has all of the tabs under each other and the Description tab is open under the tabs. Is it possible to do this?

Hello,

Please try to replace the code for this one:

if (jQuery(window).width() <= 768) {
	setTimeout(function() {
		var $tab = jQuery('.woodmart-tab-wrapper').find('a.active');
			$tab.siblings('.wc-tab').hide();
			$tab.removeClass('active');
	}, 10);
}

Add this code to the Document ready.

Best Regards

[Author]

Posts